分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

jQuery选择器

发布时间:2023-09-06 01:54责任编辑:彭小芳关键词:jQuery选择器

1、id选择器

$("#showDiv")相当于document.getElementById("ssshowDiv")

2、类选择器

$(".someclass")

3、特殊

  • $("p:odd")选择所有位于偶数行的<p>标记,$("p:even")选择所有位于奇数行的<p>标记;
  • $("td:nth-child(1)")所有表格行的第一个单元格,就是第一列;
  • $("li>a")返回<li>标记的所有子元素<a>, 不包括孙标记。
  • $("a[href$=[pdf]")选择所有超链接,并且这些超链接的href属性是以"pdf"结尾。

4、功能函数前缀

$.trim(sString);

Demo2

========================================================

一、基本选择器
基本选择器是jQuery中最常用也是最简单的选择器,它通过元素的id、class和标签名等来查找DOM元素。
1、ID选择器 #id
描述:根据给定的id匹配一个元素, 返回单个元素(注:在网页中,id名称不能重复)
示例:$("#test") 选取 id 为 test 的元素
2、类选择器 .class
描述:根据给定的类名匹配元素,返回元素集合
示例:$(".test") 选取所有class为test的元素
3、元素选择器 element
描述:根据给定的元素名匹配元素,返回元素集合
示例:$("p") 选取所有的<p>元素
4、*
描述:匹配所有元素,返回元素集合
示例:$("*") 选取所有的元素
5、selector1,selector2,...,selectorN
描述:将每个选择器匹配到的元素合并后一起返回,返回合并后的元素集合
示例:$("p,span,p.myClass") 选取所有<p>,<span>和class为myClass的<p>标签的元素集合

jQuery选择器

原文地址:https://www.cnblogs.com/atlj/p/9031446.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved