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
相关文章
发表评论愿您的每句评论,都能给大家的生活添色彩,带来共鸣,带来思索,带来快乐。
本类最热新闻