jq的常用选择器

jQuery的入口函数

$(function(){})
$(document).ready(function(){})
jQuery(function(){})
jQuery(document).ready(function(){})
不能获取图片高度,因为图片还没有加载完成

jQuery的基本选择器

1.Id选择器:$(“#btnShow”).css(“color”, “red”);
选择id为btnShow的一个元素(返回值为jQuery对象)
2.类选择器:$(“.liItem”).css(“color”, “red”);
选择含有类liItem的所有元素
3.标签选择器:$(“li”).css(“color”, “red”);
选择标签名为li的所有元素

jQuery层级选择器

1.后代选择器:$(“#j_wrap li”).css(“color”, “red”);
选择id为j_wrap的元素的所有后代元素li
2.子代选择器:$(“#j_wrap > ul > li”).css(“color”, “red”);
选择id为j_wrap的元素的所有子元素ul的所有子元素li

jQuery筛选选择器(方法)

1.find(selector)
查找指定元素的所有后代元素(子子孙孙)
2.children()
查找指定元素的直接子元素
3.siblings()
查找所有兄弟元素(不包括自己)
4.parent()
查找父元素(亲的)
5.closest() parents()
closest会首先检查当前元素是否匹配,如果匹配则直接返回元素本身。 如果不匹配则向上查找父元素,一层一层往上,直到找到匹配选择器的元素
6..eq(index)
查找指定元素的第index个元素,index是索引号,从0开始
$(“li”).eq(2).css(“color”, “red”);
选择所有li元素中的第三个

jQuery基本过滤选择器

1.:eq(index)
选择匹配到的元素索引号为index的一个元素,index从0开始
2.:odd
选择匹配到的元素中索引号为奇数的所有元素,index从0开始
$(“li:odd”).css(“color”, “red”);
选择li元素中索引号为奇数的所有元素
3.:even
选择匹配到的元素中索引号为偶数的所有元素,index从0开始
4.:first
拿到第一个元素
5.:last
拿到最后一个元素
  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值