Home > Web Front-end > JS Tutorial > JavaScript enhancement tutorial-jQuery selector

JavaScript enhancement tutorial-jQuery selector

黄舟
Release: 2017-01-21 16:04:39
Original
1032 people have browsed it

JavaScript Enhanced Tutorial-jQuery Selector

jQuery 选择器
选择器	实例	选取
*	$("*")	所有元素
#id	$("#lastname")	id="lastname" 的元素
.class	$(".intro")	所有 class="intro" 的元素
element	$("p")	所有 <p> 元素
.class.class	$(".intro.demo")	所有 class="intro" 且 class="demo" 的元素
 	 	 
:first	$("p:first")	第一个 <p> 元素
:last	$("p:last")	最后一个 <p> 元素
:even	$("tr:even")	所有偶数 <tr> 元素
:odd	$("tr:odd")	所有奇数 <tr> 元素
 	 	 
:eq(index)	$("ul li:eq(3)")	列表中的第四个元素(index 从 0 开始)
:gt(no)	$("ul li:gt(3)")	列出 index 大于 3 的元素
:lt(no)	$("ul li:lt(3)")	列出 index 小于 3 的元素
:not(selector)	$("input:not(:empty)")	所有不为空的 input 元素
 	 	 
:header	$(":header")	所有标题元素 <h1> - <h6>
:animated	 	所有动画元素
 	 	 
:contains(text)	$(":contains(&#39;W3School&#39;)")	包含指定字符串的所有元素
:empty	$(":empty")	无子(元素)节点的所有元素
:hidden	$("p:hidden")	所有隐藏的 <p> 元素
:visible	$("table:visible")	所有可见的表格
 	 	 
s1,s2,s3	$("th,td,.intro")	所有带有匹配选择的元素 	 	 
[attribute]	$("[href]")	所有带有 href 属性的元素
[attribute=value]	
$("[href=&#39;#&#39;]")	所有 href 属性的值等于 "#" 的元素[attribute!=value]	
$("[href!=&#39;#&#39;]")	所有 href 属性的值不等于 "#" 的元素[attribute$=value]	$("[href$=&#39;.jpg&#39;]")	所有 href 属性的值包含以 ".jpg" 结尾的元素
 	 	 
:input	$(":input")	所有 <input> 元素
:text	$(":text")	所有 type="text" 的 <input> 元素
:password	$(":password")	所有 type="password" 的 <input> 元素
:radio	$(":radio")	所有 type="radio" 的 <input> 元素
:checkbox	$(":checkbox")	所有 type="checkbox" 的 <input> 元素
:submit	$(":submit")	所有 type="submit" 的 <input> 元素
:reset	$(":reset")	所有 type="reset" 的 <input> 元素
:button	$(":button")	所有 type="button" 的 <input> 元素
:image	$(":image")	所有 type="image" 的 <input> 元素
:file	$(":file")	所有 type="file" 的 <input> 元素
 	 	 
:enabled	$(":enabled")	所有激活的 input 元素
:disabled	$(":disabled")	所有禁用的 input 元素
:selected	$(":selected")	所有被选取的 input 元素
:checked	$(":checked")	所有被选中的 input 元素
Copy after login

The above is the content of JavaScript Enhanced Tutorial-jQuery Selector. For more related content, please pay attention to the PHP Chinese website (m.sbmmt.com)!


Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template