重新解读jQuery的一些知识点

Posted 2020-08-14

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

　　今天开始重新学习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。