ITPub博客

首页 > IT职业 > IT职场 > jquery中基本选择器的使用方法

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

IT职场 作者:drinkant 时间:2021-09-11 10:01:50 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电脑。

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/1297/viewspace-2831089/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-04-15

  • 博文量
    114
  • 访问量
    1257