首页 > 代码库 > 重新解读jQuery的一些知识点

重新解读jQuery的一些知识点

  从今天开始,坚持每天写一篇学习记录,看看能坚持多久。

  今天开始重新学习jQuery。对于web开发人员,jQuery基本众人皆知。但是百密必有一疏,总有一些知识点是平时没怎么注意的。最近我重新开始看《jQuery权威指南》,发现有一些挺实用的和一些容易混淆的知识点,记录备忘。

  选择器

  1.兄弟选择器是比较容易混淆的,pre + next 表示紧接在pre后的相邻的元素,可以用.next()来替代;pre ~ next 表示接在pre后的所有相邻的元素,可以用.nextAll()来替代;如果要选择所有的兄弟元素,可以使用.siblings()表示。

  2.jQuery中有专门选择标题元素(h1,h2...)的选择器,$(":header")

  3.通过内容过滤选择,$("div:contains(‘A‘)")表示包含有“A”文本的div元素(这里的文本有大小区别),$("div:has(‘span‘)")表示包含有“span”标签的div元素。这两个一个是通过文本来选择,一个是通过HTML标签来选择,且使用的动词是第三人称的形式。

  4.可见性选择器,可以用在tab导航中,:hidden表示选择不可见的元素,:visible表示选择可见的元素。

  5.表单对象属性选择器,经常用到的是:checked。

重新解读jQuery的一些知识点