首页 > 代码库 > jQuery 学习小结

jQuery 学习小结

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

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

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

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

4,jq中的选择器:

1)元素选择器:

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

2)属性选择器:

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

 $("[href = http://www.mamicode.com/‘#‘]"); :选区所有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有两个参数,第一个是被请求页面的内容,第二个是请求的状态;

jQuery 学习小结