Jquery内容选择器和表单选择器

//内容选择器
				//1. 选取内容包含is的段落
				/*$("p:contains(is)").css("border", "3px solid red");
				//2. 获取拥有input后代标签的div标签
				$("div:has(input)").css("border", "3px solid red");*/
				//和层叠选择器($("div input"))不同的是,层叠选择器选中的是input元素
				//3. 获取所有非空(有内容或者有子节点)元素 
				$("*:parent").css("border", "3px solid red")
				//4. 获取所有空(无内容或者子节点)元素
				$("*:empty").css("border", "3px solid blue");
				
				
				//表单选择器
				//1. 获取所有input表单元素,如果冒号前什么也不写,默认为查询所有*
				//注意这里的:input是包含了<input, <button <textarea <select等
				//和$("input, button, select, textarea").css()一样。
				$(":input").css("border", "3px solid green");
				//2. 获取所有button表单元素
				//注意这里的button不包含submit和reset按钮
				$(":button").css("border", "3px solid green");
				//3. 获取所有提交和重置表单元素
				$(":submit, :reset").css("border", "3px solid green");
				//4. 获取不可用的表单元素 = $("*[disabled='disabled']")
				$(":disabled").css("border", "3px solid green");
				//5. 获取所有的被选中的单选框和复选框表单元素 = $("*[checked='checked']")
				$(":checked").css("width", "100px");
				//6. 获取所有的被选中的下拉表单元素 = $("*[selected='selected']") 
				$(":selected").css("width", "100px");

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值