jQuery-编辑选择结果（添加、筛选、过滤或检测）

开发者月怡技术 2022年11月20日

0 收藏 656 点赞 4,663 浏览 1232 个字

编辑选择结果
操作		实例	效果	备注
添加	添加选择器	$(“p”).add(“.a”)	添加类名为a的选择器	并不影响源结果集
	添加选择器	$(“p”).add( “label”, $(“.class”) );	添加类包含名为class的所有label元素的选择器
	添加html对象	$(“p”).add( document.getElementsByTagName(“label”))	添加元素名为label的html对象
	添加jquery对象	$(“p”).add( $(“strong”))	添加元素名为strongl的jquery对象
筛选	获取元素	$(“p”).first()	获取第一个元素
		$(“p”).last()	获取最后一个元素
		$(“p”).eq(3)	获取第3个元素	可以为负，表倒数
	获取子集	$(“p”).slice(2)	获取第2个元素直至结果集末尾组成的结果集
	获取子集	$(“p”).slice(2,5)	获取第2-5个元素组成的结果集
过滤当前	得到对应元素	$(“p”).filter(“.aa”)	得到含有类名为aa的结果集
		$(“div”).filter(document.getElementsByTagName(“label”))	得到含有label元素的结果集
		$(“div”).filter($test)	得到含有$test对象的结果集
		$(“div”).filter(function(index){if(this.id==”xixi”){ return true;}else{return false;}})	遍历结果集，得到false返回值则剔除	index是索引,this代表当前对象
	除去对应元素	$(“p”).not(“.aa”)		与filter正好相反
		$(“div”).not(document.getElementsByTagName(“label”))
		$(“div”).not($test)
		$(“div”).not(function(index){})
后代	得到含有符合条件的后代元素的结果集	$(“div”).has(“.aa”)	后代中含有类名为aa的结果集	判断的对象是后代元素
后代	得到含有符合条件的后代元素的结果集	$(“div”).has(document.getElementsByTagName(“label”))	后代中含有元素名为label的结果集	判断的对象是后代元素
检测	返回true或false	$(“#div1”).is(“div”)	参数是源结果集的父集时返回true
		$(“#div1”).is(document.getElementsByTagName(“div”))
		$(“#div1”).is($test)
		$(“#div1″).is(function(index){if(this.id==”xixi”){ return true;}else{return false;}})		index是索引,this代表当前对象