jQuery 学习小结

Posted 2020-08-21 RitaLee

1，jQuery是一个简单的javascript库，提供了一系列辅助函数；以下简称jq;

使用jq时，通常将jq代码放到head部分的事件处理方法中，也可以将其单独写出 .js 文件，引入；但无论哪种使用形式，使用ja之前都要先引用有jq的文件，可以到jquery的官网下载，然后<script src="jquery库文件地址"></script>

2，jq的代码一般封装到$(document).ready（function（）{  //代码段；}）中，类似于JS中的window.onload=function(){};

3，上述出现的 “ $ ”符号，就是jquery的标记，也可以将 $ 符号写成jquery；

4，jq中的选择器：

1）元素选择器：

$("标签名 "); 如：$("p")是选取了所有的P标签节点；

2）属性选择器：

 $("[href]") : 选取所有带有href属性的元素；

 $("[href = ‘#‘]"); :选区所有href值等于 # 的元素；

 $("[href != ‘#‘]"); :选区所有href值不等于 # 的元素；

 $("[href $= ‘.jpg‘ ]"); ：选取所有href值 以.jpg结尾的元素；

3）css选择器：

 $("标签名").css("属性名","属性值");  如：$("p").css("background-color","red");

5，jq中获取元素内容的方法：

text（） : 获取元素文本内容；

html（）：获取元素文本内容（包括html标签）；

value（）：获取表单元素 的值；如 input的值；

6，jq中修改元素内容的方法：类似于获取元素内容的方法，但是添加了 参数；

text（“修改之后的新内容”）；

html（“<标签>修改之后的新内容</标签>”）；

value（“修改后的新内容”）；

7，获取属性方法：注意有参数为属性名；

attr（）；如：alert（（"#id"）.attr("name")）；//name为属性名；

8，添加和删除元素的方法：

添加方法：

append（）：在末尾添加；

prepend（）:在开头添加；

after（）：在元素后面添加；

berfore（）：在元素前面添加；

删除元素：

remove（）：删除被选元素及其子元素；

empty（）：从被选元素中删除子元素；

9，jq 提供多个与Ajax有关的方法；以下是最常用的3个方法：

1）load（）：从服务器加载数据，并把返回的数据放到被选元素中；

$(selector).load（URL , data , callback）；

URL规定加载的url;

可选的data参数规定与请求一同发送的查询字符串键值对的集合；

可选的callback参数load（）方法完成后所执行的函数名称。

2）get和post方法：

1）$.get()方法通过HTTP GET请求从服务器上请求数据；

$.get(url ,callback);  url是必须的，callback可选；

2）$.post()方法通过HTTP POST请求从服务器上请求数据；

$.post(url ,data ,callback);

url是必须的，其他可选，data是连同请求发送的数据；callback有两个参数，第一个是被请求页面的内容，第二个是请求的状态；