代点任意广告链接网站,织梦网站模板怎么做,邯郸做移动网站报价,塘沽建设网站jQuery 基础选择器
jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。 jQuery 选择器基于元素的 id、类、类型、属性、属性值等查找#xff08;或选择#xff09;HTML 元素。 它基于已经存在的 CSS 选择器#xff0c;除此之外#xff0c;它还有一些自定…jQuery 基础选择器
jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。 jQuery 选择器基于元素的 id、类、类型、属性、属性值等查找或选择HTML 元素。 它基于已经存在的 CSS 选择器除此之外它还有一些自定义的选择器。 jQuery 中所有选择器都以美元符号开头$()。
1.元素选择器
jQuery 元素选择器基于元素名选取元素。 在页面中选取所有 p 元素
$(p)实例
用户点击按钮后所有 p 元素都隐藏
!DOCTYPE html
html
headmeta charsetutf-8 title元素选择器/title script srchttps://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js/scriptscript$(document).ready(function(){$(button).click(function(){$(p).hide();});});/script
/head
bodyh2这是一个标题/h2p这是一个段落。/pp这是另一个段落。/pbutton点我/button
/body
/html图1 图2-单击“点我”按钮后的样式 2.id选择器
jQuery #id 选择器通过 HTML 元素的 id 属性选取指定的元素。 页面中元素的 id 应该是唯一的所以您要在页面中选取唯一的元素需要通过 #id 选择器。 通过 id 选取元素语法如下
$(#test)实例 当用户点击按钮后有 id“test” 属性的元素将被隐藏
!DOCTYPE html
html
headmeta charsetutf-8 titleid选择器/title script srchttps://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js/scriptscript$(document).ready(function(){$(button).click(function(){$(#test).hide();});});/script
/head
bodyh2这是一个标题/h2p这是一个段落/pp idtest这是另外一个段落/pbutton点我/button
/body
/html图1 图2-单击“点我”按钮后的样式
class 类选择器 jQuery 类选择器可以通过指定的 class 查找元素。 语法如下。
$(.test)实例 用户点击按钮后所有带有 class“test” 属性的元素都隐藏
!DOCTYPE html
html
head
meta charsetutf-8
title.class类选择器/title
script srchttps://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js
/script
script$(document).ready(function(){$(button).click(function(){$(.test).hide();});});
/script
/head
bodyh2 classtest这是一个标题/h2p classtest这是一个段落。/pp这是另外一个段落。/pbutton点我/button
/body
/html图1 图2-单击“点我”按钮后的样式
4、*全选择器
!DOCTYPE html
html
head
meta charsetutf-8
title*全选择器/title
script srchttps://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js
/script
script$(document).ready(function(){$(button).click(function(){$(*).hide();});});
/script
/head
bodyh2这是标题/h2p这是一个段落。/pp这是另外一个段落。/pbutton点我/button
/body
/html图1 图2-单击“点我”按钮后的样式
