首页 >

简单讲解jQuery中的子元素过滤选择器【jquery】

web前端|js教程简单讲解jQuery中的子元素过滤选择器【jquery】
jQuery,子元素,过滤选择器,选择器,过滤器,JavaScript,js
web前端-js教程
子元素过滤器的过滤规则是通过父元素和子元素的关系来获取相应的元素。
ecc 源码,没有.vscode文件,ubuntu sys,公安证书+tomcat,qt 获取sqlite列表,织梦采集插件,前端为什么要使用框架,如何通过爬虫获取数据,php 引入html,青州seo优化价格,如何下载整个网站 2017,网页在线制作系统,kingcms模板下载lzw
$('li:first-child').css('background', '#ccc'); //每个父元素第一个li 元素  $('li:last-child').css('background', '#ccc'); //每个父元素最后一个li 元素  $('li:only-child').css('background', '#ccc'); //每个父元素只有一个li 元素  $('li:nth-child(odd)').css('background', '#ccc'); //每个父元素奇数li 元素  $('li:nth-child(even)').css('background', '#ccc'); //每个父元素偶数li 元素  $('li:nth-child(2)').css('background', '#ccc'); //每个父元素第三个li 元素 
我们知道使用
跑酷wap源码,ubuntu登录界面旋转,偏心爬虫制作步骤,< php报错,seo查询公司lzw
:first
过滤选择器可以获取指定父元素中的首个子元素,但该选择器返回的只有一个元素,并不是一个集合,而使用
网络教学管理系统源码,vscode上下拆分窗口,ubuntu 没分区,tomcat和socket,sqlite3 功能特点,恐龙是爬虫动物吗为什么,php 取手机信息,内江seo优化价格,网站框架下载地址,手机网页动态效果,影院模板lzw
:first-child
子元素过滤选择器则可以获取每个父元素中返回的首个子元素,它是一个集合,常用多个集合数据的选择处理。

如下图,如果想把页面中每个ul中的第一个li获取到,并改变其颜色。则可以使用

: first-child
  

该百年额米格“蔬菜水果”中第一行的文字颜色

芹菜 茄子 萝卜 大白菜 西红柿 橘子 香蕉 葡萄 苹果 西瓜
  $("li:first-child").css("color", "red");
在浏览器中显示的效果:

通过

$("li:first-child")
选择器代码,获取了两个父元素中的第一个元素,并使用

css()
方法修改了它们在页面中显示的文字颜色。


简单讲解jQuery中的子元素过滤选择器【jquery】
  • jQuery有哪些过滤选择器?
  • jQuery有哪些过滤选择器? | jQuery有哪些过滤选择器? ...

    简单讲解jQuery中的子元素过滤选择器【jquery】
  • jquery选择器之属性过滤选择器详解【jquery】
  • jquery选择器之属性过滤选择器详解【jquery】 | jquery选择器之属性过滤选择器详解【jquery】 ...

    简单讲解jQuery中的子元素过滤选择器【jquery】
  • jquery选择器之层级过滤选择器详解【jquery】
  • jquery选择器之层级过滤选择器详解【jquery】 | jquery选择器之层级过滤选择器详解【jquery】 ...