JQuery选择器

本文详细介绍了JQuery中常用的几种选择器类型及其使用方法,包括ID选择器、标签名选择器、CSS选择器、多条件选择器和层次选择器,并通过实例展示了如何灵活运用这些选择器获取和操作HTML元素。

JQuery主要有如下选择器:

1、ID选择器$("#id"),即根据控件的id来获取该html元素,相当于javascript的getElemenById("id");

2、$("TagName"),根据控件的标签名来获取符合条件的html元素,相当于javascript的getElementByTagName("TagName").比如$("div")获取所有div元素;

3、css选择器$(".cssName"),用于获取具有相同样式cssName的所有html元素;

4、多条件选择器,比如$("div,p,span.menuitem"),用于选择出所有div标签、p标签和拥有menuitem样式的span标签;

5、层次选择器:

a、$("div li"),选择div下的所有li元素(后代,子,子的子,·····)

b、$("div>li"),选择div下的直接li元素

c、$(".menuitem+div"),选择样式名为menuitem之后的第一个div元素

d、$(".menuitem~div"),选择具有menuitem样式的所有div元素

 

注意:JQuery选择器返回的是一个数组对象,调用text()、val()这些方法时,会迭代的给每个元素赋以这些方法,这就是JQuery的隐式迭代,所以当用Id选择器选择某html元素时,即使找不到也不会报错,此时可以用如下代码检查有没有找到指定Id的元素

if($("#btn1").length<=0)
{
     alter("没有找到对应的元素!");
}

转载于:https://www.cnblogs.com/qiao2011/archive/2012/05/28/2521039.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值