分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

jQuery 选择器

发布时间:2023-09-06 02:19责任编辑:胡小海关键词:jQuery选择器

jQuery 选择器


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

jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"(或选择)HTML 元素。它基于已经存在的 CSS 选择器,除此之外,它还有一些自定义的选择器。

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

元素选择器

jQuery 元素选择器基于元素名选取元素。

在页面中选取所有 <p> 元素:

$("p")
 

实例

用户点击按钮后,所有 <p> 元素都隐藏:

实例

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

#id 选择器

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

页面中元素的 id 应该是唯一的,所以您要在页面中选取唯一的元素需要通过 #id 选择器。

通过 id 选取元素语法如下:

$("#test")
 

实例

当用户点击按钮后,有 id="test" 属性的元素将被隐藏:

实例

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

.class 选择器

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

语法如下:

$(".test")

实例

用户点击按钮后所有带有 class="test" 属性的元素都隐藏:

实例

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

CSS 选择器

jQuery CSS 选择器可用于改变 HTML 元素的 CSS 属性。

实例

下面的例子把所有 p 元素的背景颜色更改为红色: 

$("p").css("background-color","red");$(document).ready(function(){$("button").click(function(){$(".test").css("background","red");});});
 
 
 
 
 
 
 
 
 
 
 
 
 
 

jQuery 选择器

原文地址:https://www.cnblogs.com/xiaowie/p/9860801.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved