jQuery中bind函数用法
1:bind( )函数:通常使用都是bind("id","函数A"),若函数A有参数即-->
函数A(args),此时该如何绑定?请写代码描述
2:追加函数appand(),appandChild(),以及appandTo()的具体区别(主要是前两个),可不可以appand("<div></div>")或者var t="<div></div>";appand(t);这样编码?
3:添加click事件时如何将元素本身当参数传递?也就是function参数为(this)的时候.
4.帮忙找一个点击显示二级目录(页面的导航栏)的代码,
(要求用li或者div标签实现的)
为这几个问题也搜索了很多资料无果,不想再浪费时间,
希望知道的朋友能详细解释一下,必定追加分数!谢谢你的帮助!
最新回答
割了动脉喝脉动~
2025-06-18 22:44:32
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
"><html xmlns="
http://www.w3.org/1999/xhtml
"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Simple JQuery</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(function(){
$('#mybtn').bind('click', {a : 'hello', b : 'world'}, myFun);
});
function myFun(e) {
alert(e.data.a);
alert(e.data.b)
}
</script>
</head>
<body>
<input type="button" id="mybtn" value="Click me." />
</body>
</html>
如上面例子，可以传递多个参数。
-------------------------------------------------------
问题2：
$('<p>Test</p>').appendTo('.inner');
$('.inner').append('<p>Test</p>');
上面这个是append()和appendTo()区别，应该一目了然了吧？
而appendChild()不是jquery的方法，而是javascript原生的方法。
append和appendChild的关系是：
其实几乎一样，append就是调用appendChild实现的，只是在append前，做一个简单判断。下面贴下jquery的源代码：
append: function() {
return this.domManip(arguments, true, function( elem ) {
if ( this.nodeType === 1 ) {
this.appendChild( elem );
}
});
}
--------------------------------------------------
问题3：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
"><html xmlns="
http://www.w3.org/1999/xhtml
"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Simple JQuery</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(function(){
$('#mybtn').bind('click', myFun);
});
function myFun() {
alert($(this).attr('value'));
}
</script>
</head>
<body>
<input type="button" id="mybtn" value="Click me." />
</body>
</html>
第3个问题不是看的很明白？直接调用应该可以呀，看看这个例子是不是你想要的？
---------------------------------------------------
问题4：网上有很多，查看参考链接这个吧。
失意的片刻
2025-06-18 22:06:21
$('#idName').click(function(event){
$(this).val();// 当然的元素,直接使用this即可。
//$(this)把this转化成jQuery对象
});
第四个问题,你可以去下载jQuery In Action这本书的源码,里面第五章节有例子.
蔚蓝的心
2025-06-18 21:51:46
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
"><html xmlns="
http://www.w3.org/1999/xhtml
"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Simple JQuery</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(function(){
$('#mybtn').bind('click', {a : 'hello', b : 'world'}, myFun);
});
function myFun(e) {
alert(e.data.a);
alert(e.data.b)
}
</script>
</head>
<body>
<input type="button" id="mybtn" value="Click me." />
</body>
</html>
【补充】：
1.实例：
当点击鼠标时，隐藏或显示 p 元素：
$("button").bind("click",function(){
$("p").slideToggle();
});
2.定义和用法
bind() 方法为被选元素添加一个或多个事件处理程序，并规定事件发生时运行的函数。
将事件和函数绑定到元素
规定向被选元素添加的一个或多个事件处理程序，以及当事件发生时运行的函数。
3.语法
$(selector).bind(event,data,function)
热门标签
