JQuery选择器(一)

页面的任何操作都需要节点的支撑,如何快速高效的找到指定的节点也是前端开发的一个重点。jQuery提供了一系列的选择器帮助开发者达到这一目的,让开发者可以更少的处理复杂选择过程与性能优化,更多专注业务逻辑的编写。
1、 ID选择器:一个用来查找ID,也是元素的ID属性。
语法:KaTeX parse error: Expected 'EOF', got '#' at position 4: ( "#̲id" ) id选择器也是基本…( “.class” )
类选择器,相对id选择器来说,效率相对会低一点,但是优势就是可以多选,同样的jQuery在实现上,对于类选择器,如果浏览器支持,jQuery使用JavaScript的原生getElementsByClassName()函数来实现的
3、 元素选择器:根据给定(HTML)标签名称选择所有元素
语法:$( “element” )
搜索指定元素标签名的所有节点,这个是一个合集的操作。同样的也有原生方法getElementsByTagName()函数支持
下例代码所示:
HTML代码:
在这里插入图片描述
JQuery代码:

在这里插入图片描述
第一组:通过getElementsByTagName方法得到页面所有的

元素
var divs = document.getElementsByTagName(‘div’);
divs是dom合集对象,通过循环给每一个合集中的
元素赋予新的boder样式
第二组:同样的效果, ( &quot; p &quot; ) 选 取 所 有 的 &lt; p &gt; 元 素 , 通 过 c s s 方 法 直 接 赋 予 样 式 4 、 全 选 择 器 ( ∗ 选 择 器 ) 语 法 : (&quot;p&quot;)选取所有的&lt;p&gt;元素,通过css方法直接赋予样式 4、 全选择器(*选择器) 语法: ("p")<p>css4(" " )
抛开jQuery,如果要获取文档中所有的元素,通过document.getElementsByTagName()中传递"
"同样可以获取到,ID、Class都可以通过原生的方法获取到对应的节点

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值