一、基本选择器 1.标签选择器 (element):根据给定的标签名匹配元素 eg:$("h2")选取所有h2元素 --- 返回元素集合 2.类选择器 (.class):根据给定的class匹配元素 ...
一、基本选择器
1.标签选择器 (element):根据给定的标签名匹配元素
eg:$("h2")选取所有h2元素 --- 返回元素集合
2.类选择器 (.class):根据给定的class匹配元素
eg:$(".title")选取所有class为title的元素 --- 返回元素集合
3.ID选择器 (#id) :根据给定的id匹配元素
eg:$("#title")选取id为title的元素 --- 返回单个元素
4.并集选择器 (select1,select2,...,selectorN):将每一个选择器匹配的元素合并后一起返回
eg:$("div,p,.title")选取所有div、p和拥有class为title的元素 ---返回元素集合
5.交集选择器 (element.class或element#id):匹配指定class或id的某元素或元素集合(若在同一个页面中指定id的元素返回值,则一定是单个元素;若指 定class的元素,则可以是单个元素,也可以是元素集合)
eg:$("h2.title")选取所有拥有class为title的h2元素 ---返回单个元素或元素集合
6.全局选择器 (*) :匹配所有元素
eg:$("*")选取所有的元素 ---返回集合元素
二、层次选择器
1.后代选择器 (ancestor descendant)选取ancestor元素里所有descendant元素
2.子选择器 (parent>child) 选取parent元素下的child(子)元素
3.相邻元素选择器 (prev+next) 选取紧邻prev元素之后的next元素
4.同辈元素选择器 (prev~sibings) 选取prev元素之后的所有sibings(同辈)元素
*案例
<html ="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>上机练习1</title> <script src='/images/loading.gif' data-original="js/jquery-1.12.3.min.js"></script> <script type="text/javascript"> $(function () { $("p").click(function () {
海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com
原标题:jQuery最基础最全面的选择器大览
关键词:jquery
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。