为了账号安全,请及时绑定邮箱和手机立即绑定
  • 环境搭建

    <head>标签中,通过script标签引入jquery库即可

    src="https://code.jquery.com/jquery-1.9.1.js"

    查看全部
    0 采集 收起 来源:环境搭建

    2018-05-28

  • 内容过滤器描述如下表:

    注意事项:

    1. :contains与:has都有查找的意思,但是contains查找包含“指定文本”的元素,has查找包含“指定元素”的元素

    2. 如果:contains匹配的文本包含在元素的子元素中,同样认为是符合条件的。

    3. :parent与:empty是相反的,两者所涉及的子元素,包括文本节点


    查看全部
  • 筛选选择器的用法与CSS中的伪元素相似,选择器用冒号“:”开头,通过一个列表,看看基本筛选器的描述:

    注意事项:

    1. :eq(), :lt(), :gt(), :even, :odd 用来筛选他们前面的匹配表达式的集合元素,根据之前匹配的元素在进一步筛选,注意jQuery合集都是从0开始索引

    2. gt是一个段落筛选,从指定索引的下一个开始,gt(1) 实际从2开始


    查看全部
  • 通过一个列表,对比层级选择器的区别


    查看全部
  • 类选择器,相对id选择器来说,效率相对会低一点,但是优势就是可以多选,而id选择器只会选择命名相同中的第一个

    查看全部
  • 通过标准的JavaScript操作DOM与jQuery操作DOM的对比,我们不难发现:

    1. 通过jQuery方法包装后的对象,是一个类数组对象。它与DOM对象完全不同,唯一相似的是它们都能操作DOM。

    2. 通过jQuery处理DOM的操作,可以让开发者更专注业务逻辑的开发,而不需要我们具体知道哪个DOM节点有那些方法,也不需要关心不同浏览器的兼容性问题,我们通过jQuery提供的API进行开发,代码也会更加精短。



    查看全部
  • jQuery是一个JavaScript脚本库,不需要特别安装,只需要我们在页面<head>标签内,通过script标签引入jQuery库即可

    查看全部
    0 采集 收起 来源:环境搭建

    2018-05-28

  • https://img1.sycdn.imooc.com//5b06bab3000162ea05810540.jpg

    其中第三个方法中函数参数  i 表示被选元素集合中的当前选择元素的下标  val 表示原始的属性值

    查看全部
    1. .html(),.text(),.val()三种方法都是用来读取选定元素的内容;只不过.html()是用来读取元素的html内容(包括html标签),.text()用来读取元素的纯文本内容,包括其后代元素,.val()是用来读取表单元素的"value"值。其中.html()和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上;另外.html()方法使用在多个元素上时,只读取第一个元素;.val()方法和.html()相同,如果其应用在多个元素上时,只能读取第一个表单元素的"value"值,但是.text()和他们不一样,如果.text()应用在多个元素上时,将会读取所有选中元素的文本内容。

    2. .html(htmlString),.text(textString)和.val(value)三种方法都是用来替换选中元素的内容,如果三个方法同时运用在多个元素上时,那么将会替换所有选中元素的内容。

    3. .html(),.text(),.val()都可以使用回调函数的返回值来动态的改变多个元素的内容。


    busy老师的联系方式。。。QQ:1060755575 / 微信:zengdao / 手机:13488751574
    查看全部
  • jQuery属性筛选选择器

    57d654200001c46507360560.jpg

    查看全部
  • jQuery的基本选择器

    57cd1df2000146de06020498.jpg

    查看全部
  • https://libs.baidu.com/jquery/1.9.1/jquery.min.js

    查看全部
  • 55920c2f0001198b04940201.jpg

    1. 选择器适用于复选框和单选框,对于下拉框元素, 使用 :selected 选择器

    2. 在某些浏览器中,选择器:checked可能会错误选取到<option>元素,所以保险起见换用选择器input:checked,确保只会选取<input>元素


    查看全部
  • 5592040d0001f8eb04940441.jpg

    大部分表单类别筛选器可以使用属性筛选器替换。比如 $(':password') == $('[type=password]')

    查看全部
    1. :first只匹配一个单独的元素,但是:first-child选择器可以匹配多个:即为每个父级元素匹配第一个子元素。这相当于:nth-child(1)

    2. :last 只匹配一个单独的元素, :last-child 选择器可以匹配多个元素:即,为每个父级元素匹配最后一个子元素

    3. 如果子元素只有一个的话,:first-child与:last-child是同一个

    4.  :only-child匹配某个元素是父元素中唯一的子元素,就是说当前子元素是父元素中唯一的元素,则匹配

    5. jQuery实现:nth-child(n)是严格来自CSS规范,所以n值是“索引”,也就是说,从1开始计数,:nth-child(index)从1开始的,而eq(index)是从0开始的

    6. nth-child(n) 与 :nth-last-child(n) 的区别前者是从前往后计算,后者从后往前计算

    559105da0001301105960331.jpg

    查看全部

举报

0/150
提交
取消
课程须知
1、有HTML/CSS基础 2、有JavaScript基础
老师告诉你能学到什么?
1、jQuery的基础语法 2、jQuery当中的选择器 3、jQuery中的属性和样式

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!