jQuery的标签选择器$('p')、类选择器$('.myClass')、id选择器$('#myId')

最新推荐文章于 2021-12-09 16:36:44 发布

转载最新推荐文章于 2021-12-09 16:36:44 发布 · 729 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/zhaoleigege/p/5821851.html

文章标签：

#javascript #ViewUI

本文介绍了jQuery中选择器的使用方法，包括基本的选择器如$(a)、层级选择器如$(div>ul)等，并解释了$(document).ready()的功能及其简写方式。同时，还探讨了不同选择器之间的区别。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$()可以是$(expresion)，即css选择器

$("a")构造的这个对象，是用CSS选择器构建了一个jQuery对象——它选择了所有的<a/>这个标签

$("a").click(function(){...})
就是在点击页面上的任何一个链接时的触发事件。确切地说，就是jQuery用<a/>这个标签构建了一个对象$("a")，函数 click()是这个jQuery对象的一个（事件）方法。

$(document).find("div>p").html());
$()中的document是一个DOM元素，即在全文寻找带<p>的<div>元素，并显示<p>中的内容。

$(document).ready(function(){})可以简写成$(function(){});

$()可以是$(function)，即一个函数，它是$(document).ready()的一个速记方式。如常见的形式是这样的：
$(document).ready(function(){
　　alert("Hello world!");
});
可变形作：
$(function(){
　　alert("Hello world!");
});

如$("div>ul a")，它的意思是div标签中的ul标签中的a标签
不过，$('div>ul')和$('div ul')是有区别的，

$('div>ul')是<div>的直接后代里找<ul>；
而$('div ul')是在<div>的所有后代里找<ul>。

转载于:https://www.cnblogs.com/zhaoleigege/p/5821851.html