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 " >
$(document).ready( function (){
$( " button " ).click( function (){
$( " p " ).hide();
});
});
< / script>
往往
这行是都写在head中的,但是下面的
< / script>
却有时候写在head中,有时候写在body中。这里,我个人觉得,写在body中比较好。有时候写在head中会出现问题,可能会找不到自己下面的标签。
4.在看最基础教程的时候,我们会看到基本的点击事件的写法为:
$( " #btnShow " ).bind( " click " , function (event) {}
我觉得他们的实质都是一样的吧,只是写法不一样,都是实现点击事件。但是应该有点略微的区别,用到的时候可能会有选择。
突然想到,是不是针对所有的控件的时候用上面的,针对一个控件的时候用下面这种呢?
JavaScript代码
$( ' #myBtn ' ).bind( " click " , function (){
alert( ' click ' );
});
< / script>
< script >
$( ' #myBtn ' ).bind( " click " , function (){
alert( ' click ' );
});
< / script>
这样,我们就为这个button绑定了一个click的事件。
bind函数可以有三个参数,当第二个参数不是一个函数,而是一个数据对象时,它将默认做为bind第三个参数(函数)的参数。
$(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控件都同时具有点击事件。
技术顾问:龍哥