求高手：jquery中的$('.XXX')中的.是什么意思啊

jQuery选择器详解

最新推荐文章于 2021-11-12 23:25:38 发布

转载最新推荐文章于 2021-11-12 23:25:38 发布 · 2.1k 阅读

jQuery 专栏收录该内容

68 篇文章

订阅专栏

本文详细解释了jQuery中三种常见选择器的用法：$('XXX')用于选取特定标签名的元素，$('#XXX')用于选取拥有特定ID的元素，而$('.XXX')则用于选取具有特定类名的元素，并通过实例说明了它们的具体应用场景。

求高手：jquery中的$('.XXX')中的.是什么意思啊 [问题点数：30分，结帖人montelaa]

montelaa montelaa 结帖率：87.5%	$('XXX') $('#XXX') $('.XXX')这三种有哪些区别啊更多0 分享到：
	发表于： 2012-02-07 16:41:28 楼主对我有用[0] 丢个板砖[1] 引用 \| 举报 \| 管理回复次数：10

csdn官网

官方推荐

wtnu200 wtnu200	选择器， id class 元素
	回复于： 2012-02-07 16:42:49 #1 得分：0 对我有用[0] 丢个板砖[0] 引用 \| 举报 \| 管理

lylongyuan AAACCCEEEFFFA	引用 1 楼 wtnu200 的回复: 选择器， id class 元素正解
	回复于： 2012-02-07 16:45:23 #2 得分：0 对我有用[0] 丢个板砖[0] 引用 \| 举报 \| 管理

jayinIT 堆代码的爱因斯坦	已经有正解了蹭个分结贴吧
	回复于： 2012-02-07 16:46:42 #3 得分：0 对我有用[0] 丢个板砖[0] 引用 \| 举报 \| 管理

montelaa montelaa	引用楼主 montelaa 的回复: $('XXX') $('#XXX') $('.XXX')这三种有哪些区别啊请问元素指的是什么啊
	回复于： 2012-02-07 17:00:41 #4 得分：0 对我有用[0] 丢个板砖[0] 引用 \| 举报 \| 管理

montelaa montelaa	引用 1 楼 wtnu200 的回复: 选择器， id class 元素请问元素指的是什么啊
	回复于： 2012-02-07 17:01:23 #5 得分：0 对我有用[0] 丢个板砖[0] 引用 \| 举报 \| 管理

wtnu200 wtnu200	比如<div>,啊，你不懂html么？ $('.div')
	回复于： 2012-02-07 17:04:26 #6 得分：10 对我有用[0] 丢个板砖[0] 引用 \| 举报 \| 管理

wzs_xyz 未知数	$('XXX')//获得标签名为'xxx'的html标签 $('#XXX')//获得id='xxx'的html标签 $('.XXX'）//获得className='xxx'的html标签
	回复于： 2012-02-07 17:08:31 #7 得分：20 对我有用[0] 丢个板砖[0] 引用 \| 举报 \| 管理

montelaa montelaa	wzs_xyz说的应该是完全正确的吧
	回复于： 2012-02-07 17:11:41 #8 得分：0 对我有用[0] 丢个板砖[0] 引用 \| 举报 \| 管理

c1star

查找 ID 为"myDiv"的元素。
HTML 代码:
<div id="notMe"><p>id="notMe"</p></div>
<div id="myDiv">id="myDiv"</div>
jQuery 代码:
$("#myDiv");
结果:
[ <div id="myDiv">id="myDiv"</div> ]

查找所有类是 "myClass" 的元素.

HTML 代码:
<div class="notMe">div class="notMe"</div>
<div class="myClass">div class="myClass"</div>
<span class="myClass">span class="myClass"</span>jQuery 代码:
$(".myClass");结果:
[ <div class="myClass">div class="myClass"</div>, <span class="myClass">span class="myClass"</span> ]

回复于： 2012-02-07 17:25:27 #9 得分：0

对我有用[0] 丢个板砖[0] 引用 | 举报 | 管理

c1star

查找所有的input元素，下面这些元素都会被匹配到。

HTML 代码:
<form>
    <input type="button" value="Input Button"/>
    <input type="checkbox" />

    <input type="file" />
    <input type="hidden" />
    <input type="image" />

    <input type="password" />
    <input type="radio" />
    <input type="reset" />

    <input type="submit" />
    <input type="text" />
    <select><option>Option</option></select>

    <textarea></textarea>
    <button>Button</button>

</form>jQuery 代码:
$(":input")结果:
[
    <input type="button" value="Input Button"/>,
    <input type="checkbox" />,

    <input type="file" />,
    <input type="hidden" />,
    <input type="image" />,

    <input type="password" />,
    <input type="radio" />,
    <input type="reset" />,

    <input type="submit" />,
    <input type="text" />,
    <select><option>Option</option></select>,

    <textarea></textarea>,
    <button>Button</button>,
]