jQuery(一) 选择器

news/2024/9/23 7:31:09/

jQuery的基本设计思想和主要方法:选择某个网页元素,然后对其进行某种操作。

 

$(document)    //选择整个文档


$(‘#myId’)      //选择ID=myId的网页元素, 如果选择器中包含特殊字符,可以用两个饭反斜杠转义。


$(div.myClass)    //选择class为myClass的div元素


$(“*”)   //匹配所有元素


$("div,span,p.myClass")  //可同时指定多个选择器


$("form input")  //在给定的祖先元素(form)下匹配所有的后代元素(input)


$("form > input")  //在给定的父元素下(form)匹配所有的子元素(input)


$("label + input")  //匹配所有紧接在 prev 元素后紧接着的下一个元素


$("form ~ input") //匹配 prev 元素之后的所有同辈元素

 


$('li:first')   //获取第一个元素


$('li:last')   //获取最后个元素


$("input:not(:checked)")   //查找所有未选中的 input 元素


$("tr:even")   //匹配所有索引值为偶数的元素,从 0 开始计数


$("tr:odd")   //匹配所有索引值为奇数的元素,从 0 开始计数


$("tr:eq(1)")   //匹配一个给定索引值的元素,从0算起。


$("tr:gt(0)")   //匹配所有大于给定索引值的元素


$("tr:lt(2)")  //匹配所有小于给定索引值的元素


$("p:lang(it)")   //选择指定语言的所有元素。


$(":header") //匹配如 h1, h2, h3之类的标题元素


$("div:animated")   //匹配所有正在执行动画效果的元素


$(":root")    //选择该文档的根元素<html>。


$( "p:target" ) // 选择由文档URI的格式化识别码表示的目标元素。


$("div:contains('John')")  //匹配包含给定文本的元素,用于查找John字符串


$("td:empty") //匹配所有不包含子元素或者文本的空元素


$("td:parent") //匹配含有子元素或者文本的元素


$("div:has(p)") //所有包含 p 元素的 div 元素


$("tr:hidden") //匹配所有不可见元素,或者type为hidden的元素


$("tr:visible") //匹配所有的可见元素


$("div[id]") //查找所有含有 id 属性的 div 元素


$("input[name='newsletter']")  //查找所有 name 属性是newsletter 的 input 元素


$("input[name!='newsletter']") // 查找所有 name 属性不是newsletter 的 input 元素


$("input[name^='news']") //查找所有 name 以 'news' 开始的 input 元素


$("input[name$='letter']") //查找所有 name 以 'letter' 结尾的 input 元素


$("input[name*='man']")  //查找所有 name 包含 'man' 的 input 元素


$("input[id][name$='man']") //找到所有含有 id 属性,并且它的 name 属性是以 man 结尾的


$("ul li:first-child")   //在每个 ul 中查找第一个 li


$("ul li:last-child")   //在每个 ul 中查找最后一个 li


$("div:first-of-type")  //选择所有相同的元素名称的第一个兄弟元素。


$("p:last-of-type")  //选择的所有元素之间具有相同元素名称的最后一个兄弟元素。


$("ul li:nth-child(2)") //匹配其父元素下的第N个子或奇偶元素,从1算起。


$("ul li:nth-last-child(2)")  // 在每个匹配的ul中查找倒数第二个li


$("span:nth-of-type(2)");

$("ul li:nth-last-of-type(2)") //选择的所有他们的父级元素的第n个子元素,计数从最后一个元素到第一个。


$("ul li:only-child") //在 ul 中查找是唯一子元素的 li


$("button:only-of-type")  // 选择所有没有兄弟元素,且具有相同的元素名称的元素。


$(":input")  //查找所有的input元素


$(":text")  //匹配所有的单行文本框text


$(":radio")  //查找所有单选按钮


$(":password") //查找所有密码框


$(":checkbox") //查找所有复选框


$(":submit") //查找所有提交按钮


$(":image") //匹配所有图像域


$(":reset") //查找所有重置按钮


$(":button") //查找所有按钮.


$(":file") //查找所有文件域


$("input:enabled") //查找所有可用的input元素


$("input:disabled") //查找所有不可用的input元素


$("input:checked") //查找所有选中的复选框元素


$("select option:selected") //查找所有选中的选项元素

 


http://www.ppmy.cn/news/289329.html

相关文章

Java中的注解

1 . 什么是注解 注解即元数据,就是源代码的元数据&#xff0c;注解在代码中添加信息提供了一种形式化的方法,可以在后续中更方便的 使用这些数据&#xff0c;Annotation是一种应用于类、方法、参数、变量、构造器及包声明中的特殊修饰符。 注解可以用来生成文档&#xff1b;跟…

Android自定义View——实现字母导航栏

思路分析 1、自定义View实现字母导航栏 2、ListView实现联系人列表 3、字母导航栏滑动事件处理 4、字母导航栏与中间字母的联动 5、字母导航栏与ListView的联动 效果展示 实现步骤 1、先看主布局&#xff0c;方便后面代码的说明 <?xml version"1.0" encoding…

二叉查找树(BST)专题

二叉查找树专题 二叉查找树的基本操作查找插入删除 二叉查找树的性质 代码来源&#xff1a;晴神《算法笔记》&#xff01;&#xff01; 二叉查找树的基本操作 查找 void search(node* root, int x){if(root NULL){printf("search failed\n");return;}if(root->…

1086 Tree Traversals Again (25分)

1 题目 1086 Tree Traversals Again (25分) An inorder binary tree traversal can be implemented in a non-recursive way with a stack. For example, suppose that when a 6-node binary tree (with the keys numbered from 1 to 6) is traversed, the stack operations a…

HDU 6030(矩阵快速幂+规律)

传送门 题目描述&#xff1a; Happy Necklace Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 131072/131072 K (Java/Others)Total Submission(s): 1146 Accepted Submission(s): 491 Problem Description Little Q wants to buy a necklace for his girlfriend…

IntelliJ IDEA pycharm webstorm 激活

前端&#xff0c;后端&#xff0c;爬虫全套激活&#xff1a; IntelliJ IDEA 2017.2.5 破解 激活 http://xidea.online/?/download/intellij-idea 最新的pycharm 破解 激活 http://www.imsxm.com/jetbrains-license-server.html http://www.imsxm.com 最新的webstorm破解 激活 …

开博寄语

在这个特殊的日子开通了博客&#xff0c;今天是阴历的中元节&#xff0c;又是我的生日&#xff0c;已届不惑&#xff0c;混迹IT20多年&#xff0c;欢喜过、失落过、迷惘过&#xff0c;在这里开一片小小的天地&#xff0c;记录自己的心路历程&#xff0c;与有缘人共勉&#xff0…

1068 Find More Coins (30分)

文章目录 1 题目2 解析2.1 题意2.2 思路 3 参考代码 1 题目 1068 Find More Coins (30分) Eva loves to collect coins from all over the universe, including some other planets like Mars. One day she visited a universal shopping mall which could accept all kinds o…