jQuery中bind函数用法

jQuery中bind函数用法,第1张

问题1:

<!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/htmlcharset=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/htmlcharset=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:网上有很多,查看参考链接这个吧。

JQ本来就支持链式 *** 作,直接后接就可以了,$("a").click(function(){}).mouseover(function(){})像这样,之所以可以这样,是因为函数最后 return this,这个应该是jq内置的机制


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/8017805.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-12
下一篇 2023-04-12

发表评论

登录后才能评论

评论列表(0条)

保存