初学者在Jquery中的几个疑问(初学者的理解,仅供参考,请大鸟斧正)

1.在看一些Jquery的代码时,有时候会看到 $("#aa")有时候出现的则是$("button"),大家会疑惑,为什么有时候前面加“#”有时候不加呢?

   注:$("#aa")取的是 id=aa 的标签;而$("button") 取的是标签类型为button的所有标签。(个人理解:带“#”的是针对一个标签的,而不带的是所有的)

2.在html中,定义一个button按钮的写法是<input type="button" />,但是我们在Jquery中看到直接写<button><\button>。

  这里说明下:<button><\button>有这个标签的,按钮跟<input type="button" /> 类似,差异就是名字不一样,好像jQuery例子里很喜欢<button>

3.类似于下面的代码:

<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(
function(){
$(
"button").click(function(){
$(
"p").hide();
});
});
</script>

往往

<script type="text/javascript" src="/jquery/jquery.js"></script>

这行是都写在head中的,但是下面的

<script type="text/javascript">
</script>

却有时候写在head中,有时候写在body中。这里,我个人觉得,写在body中比较好。有时候写在head中会出现问题,可能会找不到自己下面的标签。

4.在看最基础教程的时候,我们会看到基本的点击事件的写法为:

$("button").click(function(){} 或者是
$(
"#btnShow").bind("click"function(event) {} 

我觉得他们的实质都是一样的吧,只是写法不一样,都是实现点击事件。但是应该有点略微的区别,用到的时候可能会有选择。

  突然想到,是不是针对所有的控件的时候用上面的,针对一个控件的时候用下面这种呢?

JavaScript代码

    <script>       
    $(
'#myBtn').bind("click",function(){       
        alert(
'click');       
    });       
    
</script>     

<script> 
$(
'#myBtn').bind("click",function(){
 alert(
'click'); 
}); 
</script> 

  

这样,我们就为这个button绑定了一个click的事件。

bind函数可以有三个参数,当第二个参数不是一个函数,而是一个数据对象时,它将默认做为bind第三个参数(函数)的参数。

<script type="text/javascript">
$(document).ready(
function(){
$(
"button").click(function(){
$(
"p").hide();
});
});
</script>

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button type="button">Click me</button>
<button type="button">Try again</button>

这里的两个button控件都同时具有点击事件。




                                            技术顾问:龍哥


posted @ 2011-07-13 19:47  然嗄  阅读(503)  评论(0编辑  收藏  举报