分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

jQuery事件

发布时间:2023-09-06 01:41责任编辑:赖小花关键词:jQuery
<body><input type="button" value="测试" onclick="test()" /><input type="button" value="测试2" id="btn" /></body>

<script type="text/javascript">
function test(){
alert("aa");
}

$(document).ready(function(e){
$("#btn").click(function(){
alert("第二个按钮");
})

$(".btn").click(function(){   //批量绑定点击事件
alert("事件加上了");
alert($(this).val());         //this可以找到点击的项
})

//点击给测试事件按钮挂一个事件
$("#gua").click(function(){
$("#ceshi").bind("click",function(){
alert("挂上了事件");
});
})
//点击给测试事件按钮移除点击事件
$("#yichu").click(function(){
$("#ceshi").unbind("click");
})


});
</script>

 全选

<body><div><input type="checkbox" id="qx" />全选</div><div><input type="checkbox" class="ck" />山东<input type="checkbox" class="ck" />淄博<input type="checkbox" class="ck" />张店<input type="checkbox" class="ck" />淄川<input type="checkbox" class="ck" />桓台<input type="checkbox" class="ck" />周村</div></body><script type="text/javascript">$("#qx").click(function(){ ???//var xz = $(this)[0].checked; ???var xz = $("#qx").prop("checked");//取checked属性的值 ???$(".ck").prop("checked",xz); ???????})</script>

jQuery事件

原文地址:https://www.cnblogs.com/niushuangmeng/p/8385647.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved