jQuery部分函数操作

获取被选中的复选框checked

$("#btn").click(function(){
			//获取复选框被选中的(获取input元素标签,并且拥有name属性,name属性的值为hobbies并且为选中状态的)
			var cheaked=$("input[name='.hhobbies']:checked");
			console.debug(cheaked);
		})

显示和隐藏标签hide、show

//给所有的p标签注册一个点击事件  点击p就隐藏p标签
		$("p").on("click",function(){
			$("p").hide(1000);
		})
		
		//显示所有的p标签 点击showp标签就显示p标签
		$("#showp").click(function(){
			$("p").show(2000);
		});

匹配偶数行(even)和奇数(odd)行并对它们进行操作

//选择table下的偶数行tr,并将字体改为红色
		$("table tr:even").css({"color":"red"});
		//匹配table下的tr,并且索引为奇数的
		$("table tr:odd").css({"color":"black","background":"yellow"})

appendTo追加

		//获取id为select1 下面的option并且为选中的,追加到id为select2的下拉列表中
		$("#btn1").on("click",function(){
			$("#select1 option:selected").appendTo($("#select2"));
		});
		$("#btn2").click(function(){
			//把id为select1下面的option全部追加到id为select2的下拉列表中
			$("#select1 option").appendTo($("#select2"));
		});
		

全选prop(“checked”,true)和全不选prop(“checked”,false)

		//全选 
		$("#checkAll").click(function(){
			$("input[name='hobbies']").prop("checked",true);
		})
		
		
		//全不选
		$("#checkNotAll").click(function(){
			$("input[name='hobbies']").prop("checked",false);
		})

	//当值发生改变的 时候,触发事件
	function checkChange(src){
		/* 
			src:复选框的dom节点
			src.checked:获取内置属性checked的值 
		*/
		$("input[name='hobbies']").prop("checked",src.checked);
	}
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

甜甜掉在星星上

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值