jQuery技术

一起来学jquery(3)

字号+ 作者:H5之家 来源:H5之家 2017-05-10 15:09 我要评论( )

3,筛选选择器: 筛选选择器不会写在选择符号$内,会在 . 之后进行书写 $(this)中的this代表click的元素 1)子级选择器:$(this).children().css(_,_) (注意:在children后的()内还可以添加属性名,以筛选出符合条件的元

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

相关文章

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

  • 本类最热新闻

  •  

    1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

    相关文章
    • jQuery选择器 事件及常用方法视频教程

      jQuery选择器 事件及常用方法视频教程

      2017-05-11 11:01

    • jQuery如何工作

      jQuery如何工作

      2017-05-10 13:15

    • 30个经典的jQuery代码开发技巧【站长博客网】

      30个经典的jQuery代码开发技巧【站长博客网】

      2017-05-10 13:13

    • jQuery提示通知插件jBox

      jQuery提示通知插件jBox

      2017-05-10 11:11

    网友点评
    r