3，筛选选择器: 筛选选择器不会写在选择符号$内，会在 . 之后进行书写 
$(this)中的this代表click的元素 
1)子级选择器:$(this).children().css(_,_) 
(注意:在children后的()内还可以添加属性名,以筛选出符合条件的元素) 
①$("li:first-child")选择li标签下第一个子元素  //或者是 first-of-type  同样还有选择最后一个子元素 
②$("li:nth-child(2)")选择li标签下第二个子元素 
③$("li:nth-last-child(n)")选择li标签下倒数第二个元素 
2)父级选择器:$(this).parent().css(_,_) 
应用:$(this).parent().find().action(); 
3)兄弟选择器:$(this).siblings().css(_,_) (会筛选出除点击之外的兄弟元素) 
从父节点获得内部的子节点: $('a').find('b');    //从a中找b

4，属性选择器:

①$("img[src]")选择属性为src的img 
②$("img[src='a']")选择src属性为a的img  //同样还有不等于的选择器 
③$("img[src^='a']")选择src属性以a开头的img 
④$("img[src$='a']")选择src属性以a结尾的img 
⑤$("img[src*='a']")选择src属性包含a的img 
⑥$("img[src!='a']")选择src属性没有a的元素    //注意:如果没有src属性的，也视为没有a，即会被选中 
⑦$("[][][]")        //并且属性选择器，同时满足多个条件的 
// 注意: "src"也可以换位其他 name、value、class等属性

5，表单域选中选择器:

①$(:checked)复选框、单选按钮选中选择器

②$(:selected)下拉列表选中选择器

（六）jquery的ajax使用

1，//封装层次较高，可设置参数较少

1)$.get(url [,data] [function(msg){}回调函数] [,dataType]);

①data:给服务器传递的数据，请求字符串、json对象都可以设置

②function(msg){}:回调函数，ajax请求完成后调用该函数，可以在此函数完成ajax的后续处理，

③msg泛指从服务器传递回来的信息，

dataType:服务器返回数据类型:html、text、xml、json

2)$post(url [,data] [,fn 回调函数] [,dataType]);

此方法与$.get()用法一致，不同的是其为post方式请求给服务器传递数据的时候，不需要设置header头 
//注意:以上两种ajax请求是异步的，如需设置同步请求，换用其它方式 

2，//相对底层的ajax使用

$.ajax({    //json对象

①url:请求地址

②[data]:给服务器传递的数据(请求字符串/json对象)

③[dataType]:默认字符串返回信息，数据从服务器返回格式html、text、xml、json

④[type]:[get]/post请求方式

⑤[success]:function(msg){}  ajax成功请求后的回调函数，可以做后续处理使用       

⑥msg泛指服务器返回来的信息

⑦async:[true]异步/false同步

⑧cache:[true]缓存/false不缓存

分享给小伙伴们：

本文标签： jquery/">jquery

相关文章

发表评论愿您的每句评论，都能给大家的生活添色彩，带来共鸣，带来思索，带来快乐。