前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >jQuery选择器

jQuery选择器

原创
作者头像
落雨
发布2022-03-01 11:40:33
30.3K0
发布2022-03-01 11:40:33
举报
文章被收录于专栏:落雨的专栏

1. jQuery选择器的介绍

jquery选择器就是快速选择标签元素,获取标签的,选择规则和css样式一样。

2. jQuery选择器的种类

  1. 标签选择器
  2. 类选择器
  3. id选择器
  4. 层级选择器
  5. 属性选择器

示例代码:

代码语言:javascript
复制
$('#myId') //选择id为myId的标签
$('.myClass') // 选择class为myClass的标签
$('li') //选择所有的li标签
$('#ul1 li span') //选择id为ul1标签下的所有li标签下的span标签
$('input[name=first]') // 选择name属性等于first的input标签

说明: 可以使用length属性来判断标签是否选择成功, 如果length大于0表示选择成功,否则选择失败。

代码语言:javascript
复制
$(function(){
    result = $("div").length;
    alert(result);
});

3. 小结

  • jQuery选择器就是选择标签的
  • 标签选择器是根据标签名来选择标签
  • 类选择器是根据类名来选择标签
  • id选择器是根据id来选择标签
  • 层级选择器是根据层级关系来选择标签
  • 属性选择器是根据属性名来选择标签

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1. jQuery选择器的介绍
  • 2. jQuery选择器的种类
    • 示例代码:
    • 3. 小结
    领券
    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档