博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery选择器
阅读量:4922 次
发布时间:2019-06-11

本文共 1350 字,大约阅读时间需要 4 分钟。

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>标签的元素集合
 
============================================

6.1.3 css3伪类

6.1.3.1 :nth-child(n)其父元素的第n个元素(如:p:nth-child(2){color:red;} p元素是其父元素的第2个元素的话字体颜色就是红色)

6.1.3.2 nth-last-child(n) 其父元素的倒数第n个元素

6.1.3.3 :nth-of-type(n) (如:p:nth-of-type(2){color:red;} p元素是其父元素的第2个p元素的话字体颜色就是红色)

6.1.3.4 :first-child 其父元素的第一个元素

6.1.3.5 :last-child 其父元素的最后一个元素

6.1.3.6 nth-last-of-type(n) (如:p:nth-last-of-type(2){color:red;} p元素是其父元素的倒数2个p元素的话字体颜色就是红色)

6.1.3.7 :first-of-type 其父元素的第一个p元素

6.1.3.8 :last-of-type 其父元素的最后一个p元素

转载于:https://www.cnblogs.com/atlj/p/9031446.html

你可能感兴趣的文章
Google BigQuery——企业级大数据分析工具
查看>>
解决@@SERVERNAME丢失的问题.sql
查看>>
Android多屏幕适配
查看>>
SQL 行转列
查看>>
对CSS中的Position、Float属性的一些深入探讨
查看>>
前端UI
查看>>
喵哈哈村的括号序列
查看>>
把excel数据导入mysql中
查看>>
linux内核——进程切换宏switch_to
查看>>
后面需要继续完善的地方
查看>>
SQL Server 用链接服务器 同步SqlServer与MySQL
查看>>
外星人入侵
查看>>
单调栈
查看>>
zepto源码--核心方法2(class相关)--学习笔记
查看>>
将16进制的颜色转为rgb颜色
查看>>
POJ 2182 Lost Cows (树状数组 && 二分查找)
查看>>
Matlab中界面和注释---中英文切换问题
查看>>
主板维修技术
查看>>
PHP实现四种基本排序算法
查看>>
企业级应用,如何实现服务化四(基础环境准备)
查看>>