HTML-jQuery选择器

jQuery选择器

jQuery选择器类似于CSS选择器，用来选取网页中的元素

示例:$("h3").css("background","#09F");

     1.获取并设置网页中所有<h3>元素的背景

     2.“h3”为选择器语法，必须放在$()中

     3.$(“h3”)返回jQuery对象

     4..css()是为jQuery对象设置样式的方法

jQuery选择器分类：

jQuery选择器功能强大，种类也很多，分类如下：

1. 通过CSS选择器选取元素

①基本选择器

②层次选择器

③属性选择器

2. 通过过滤选择器选择元素

①基本过滤选择器

②可见性过滤选择器

 

基本选择器：

基本选择器包括标签选择器、类选择器、ID选择器、并集选择器和全局选择器

名称	语法构成	描述	示例
标签选择器	element	根据给定的标签名匹配元素	$("h2" )选取所有h2元素
类选择器	.class	根据给定的class匹配元素	$(" .title")选取所有class为title的元素
ID选择器	#id	根据给定的id匹配元素	$(" #title")选取id为title的元素
并集选择器	selector1,selector2,...,selectorN	将每一个选择器匹配的元素合并后一起返回	$("div,p,.title" )选取所有div、p和拥有class为title的元素
全局选择器	*	匹配所有元素	$("*" )选取所有元素

①标签选择器：标签选择器根据给定的标签名匹配元素

$(document).ready(function(){

$("dt").click(function(){

【获取dt标签并为其添加click事件】

       $("dd").css("display","block");

      【设置<dd>标签中的内容显示出来】

   });

   $("h1").css("color","blue");

  【设置<h1>标签中的字体颜色为蓝色】

})