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) {}
我觉得他们的实质都是一样的吧,只是写法不一样,都是实现点击事件。但是应该有点略微的区别,用到的时候可能会有选择。
突然想到,是不是针对所有的控件的时候用上面的,针对一个控件的时候用下面这种呢?
JavaS
$('#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控件都同时具有点击事件。
技术顾问:龍哥