提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  其他

当前栏目

jqueryready(fn)事件使用介绍

事件 使用 介绍 fn
2023-06-13 09:15:04 时间
1、事件简介
（1）当DOM载入就绪可以查询及操纵时绑定一个要执行的函数；
（2）请确保在<body>元素的onload事件中没有注册函数，否则不会触发+$(document).ready()事件；
（3）可以在同一个页面中无限次地使用$(document).ready()事件；
（4）其中注册的函数会按照（代码中的）先后顺序依次执行。
2、事件格式
$(document).ready(function(){
//jQuery代码
});
3、实例
复制代码代码如下:

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<title>ready（fn）事件</title>
<scripttype="text/javascript"src="jquery-2.0.3.js"></script>
<styletype="text/css">
body{
background-color:#CCCCFF;
font-size:24px;
font-weight:bold;
text-align:center;
}
.body_div{
padding:20px20px20px20px;
}
</style>
<scripttype="text/javascript">
$(document).ready(function(){
$("input[type="radio"]").click(function(){
varse=$("input[name="sex"][type="radio"]:checked").val();
if(se=="男"){
alert("男性");
}
if(se=="女"){
alert("女性");
}
});
});
</script>
</head>
<body>
<divclass="body_div">
<inputtype="radio"id="male"name="sex"value="男"/>男
<inputtype="radio"id="female"name="sex"value="女"/>女
</div>
</body>
</html>

4、结果如下：
（1）选择“男”时
 
（2）选择“女”时

相关文章