跳至主要內容

JQuery 的使用

DynamicLoader2020年4月18日大约 1 分钟WebHTMLJavaScript

简介

JQuery是一个开源的前端JS框架，能简化许多操作，比如 ajax 。。。
要使用他，只需要引入一个90KB左右的 JS 文档，网上的cdn多的是，本站也在用。

基本操作

引用

首先，你需要用<script>标签引入他，才能正常使用，像这样：

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>

如果你在引入之前就使用它的语句，会报错，比如下面的例子：

<html>
    <body>
        <script>
            $("html").html("<h1>Hello,World<//h1>");
        </script>
        <script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
    </body>
</html>

基本语法

JQuery几乎所有的函数都是以$开头的，如果安装了早期版本的兼容性插件，还可能以$$开头。

目前用的最多的就是：

$("元素选择器").attr("属性","值");

元素选择器可以是：

  • 元素名称，如 "html" ,"body" ...

  • 元素ID,在ID前加一个"#"表示通过ID选择要操作的元素，如 "#main" 表示选择页面中所有ID="main的元素"；

  • 元素的类(Class),在Class之前加一个"."表示通过类选择元素，如".span8"表示选择页面中所有Class="span8"的元素。

元素选择器之后有一个"."，表示访问他的成员函数（这和VB有点像）

常用的成员函数（方法）有：

attr("属性"，"值")    //将元素的属性设置为值     
css("属性"，"值")     //将元素的CSS的某个属性改为值 
html("值")           //将元素内的html改为值

如果上述函数括号内的“值”为空，则返回选定元素当前的属性值。

Not finished yet!