jquery三大选择器-jQuery的几种选择器及例子解读

2023-08-23 0 7,764 百度已收录

目录

jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。

jQuery 选择

jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。

jQuery 选择器根据 id、类、类型、属性、属性值等“查找”(或选择)HTML 元素。它基于现有的 CSS 选择器,此外jquery三大选择器,它还有一些自定义选择器。

jQuery 中的所有选择器都以欧元符号开头:$()。

jquery三大选择器-jQuery的几种选择器及例子解读

元素选择器

jQuery 元素选择器根据名称选择元素。

选择页面上的所有内容

元素:

$(“p”)

jquery三大选择器-jQuery的几种选择器及例子解读

例子

用户点击按钮后,所有

元素被隐藏

例子

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

#id选择器

jQuery#id 选择器通过 HTML 元素的 id 属性选择指定元素。

页面中元素的id应该是唯一的,因此需要通过#id选择器来选择页面中唯一的元素。

通过id选择元素的句型如下:

$(“#测试”)

例子

当用户单击按钮时,具有该属性的元素将被隐藏

例子

$(document).ready(function(){$("button").click(function(){$("#test").hide();});});

.类选择器

jQuery 类选择器可以通过指定的类查找元素。

句型如下:

$(".测试")

例子

用户单击按钮后jquery三大选择器,所有具有属性的元素都会隐藏:

例子

$(document).ready(function(){$("button").click(function(){$(".test").hide();});});

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悟空资源网 jquery jquery三大选择器-jQuery的几种选择器及例子解读 https://www.wkzy.net/game/143317.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务