jquery选择器博客

jQuery选择器是jQuery中最基础和核心的部分。jQuery选择器可以帮助我们通过元素的属性、标签名、类名、ID等方式快速查找DOM元素。接下来我们会一步步学习jQuery选择器的使用方法。

1. 基础选择器

$(document).ready(function(){ $("p").click(function(){ $(this).hide(); }); });

上述代码中,"p"就是最基本的jQuery选择器之一。这段代码用于给所有的"p"元素添加点击事件,当点击"p"元素时,该元素将会消失。

2. ID选择器

$(document).ready(function(){ $("#myDiv").click(function(){ $(this).hide(); }); });

上述代码中,"#myDiv"表示ID选择器,用于选择ID为"myDiv"的元素。此代码通过给该元素添加点击事件,当点击该元素时,该元素将会消失。

3. 类选择器

$(document).ready(function(){ $(".myClass").click(function(){ $(this).hide(); }); });

上述代码中,".myClass"表示类选择器,用于选择有"myClass"类的元素。此代码通过给该元素添加点击事件,当点击该元素时,该元素将会消失。

4. 属性选择器

$(document).ready(function(){ $("[href]").click(function(){ $(this).hide(); }); });

上述代码中,"[href]"表示属性选择器,用于选择所有具有href属性的元素。此代码通过给该元素添加点击事件,当点击该元素时,该元素将会消失。

以上就是jQuery选择器的使用方法,它可以帮助我们快速地找到DOM元素并给予控制。希望本篇文章对您有所帮助。

jquery选择器博客