文章 > JavaScript > jquery中基本选择器的使用方法

jquery中基本选择器的使用方法

头像

宋雪维

2021-03-31 15:40:52538浏览 · 0收藏 · 0评论

jquery中选择器可以通过元素的选择查找DOM元素,例如id选择器根据 id 查找标签对象;class选择器根据 class 查找标签对象;标签选择器根据标签名查找标签对象。本文向大家介绍jquery中基本选择器的使用方法。

基本选择器:

jQuery('#test_jquery');//id选择器
jQuery('.h11');//css选择器
jQuery('p');//标签选择器

1、id选择器:根据 id 查找标签对象

使用方法

 $("#myDiv");

使用说明: 这个就是直接选择html中的id="myDiv"

返回值:单个元素组成的集合

2、标签选择器:Element,根据标签名查找标签对象

使用方法

$("div")

使用说明:element的英文翻译过来是”元素”,所以element其实就是html已经定义的标签元素,

返回值 :集合元素

3、class选择器:根据 class 查找标签对象

使用方法

$(".myClass")

使用说明这个标签是直接选择html代码中class="myClass"的元素或元素组         

返回值:集合元素

以上就是jquery中基本选择器的使用方法介绍,大家可以选择尝试一下哦~更多JavaScript学习推荐:JavaScript教程。

本文教程操作环境:windows7系统、jquery3.2.1版本,DELL G3电脑。

关注公众号

关注公众号,随时随地在线学习

本教程部分素材来源于网络,版权问题联系站长!

底部广告图 底部广告图按钮