JQuery常用标签

1、#id ：根据给定的ID匹配一个元素。如果选择器中包含特殊字符，可以用两个斜杠转义。

     参数——id (String) : 用于搜索的，通过元素的 id 属性中给定的值

    示例：查找 ID 为"myDiv"的元素。jQuery 代码: $("#myDiv")；

2、bind(type,[data],fn)：为每一个匹配元素的特定事件（像click）绑定一个事件处理器函数。

这个事件处理函数会接收到一个事件对象，可以通过它来阻止（浏览器）默认的行为。如果既想取消默认的行为，又想阻止事件起泡，这个事件处理函数必须返回false。多数情况下，可以把事件处理器函数定义为匿名函数（见示例一）。在不可能定义匿名函数的情况下，可以传递一个可选的数据对象作为第二个参数（而事件处理器函数则作为第三个参数），见示例二。

  参数——type (String) : 事件类型

                  data (Object) : (可选) 作为event.data属性值传递给事件对象的额外数据对象

                  fn ( Function) : 绑定到每个匹配元素的事件上面的处理函数

示例（1）当每个段落被点击的时候，弹出其文本。

jQuery 代码:

$("p").bind("click", function(){

alert( $(this).text() );
}); 

示例（2）你可以在事件处理之前传递一些附加的数据。

jQuery 代码:

function handler(event) {
alert(event.data.foo);
}
$("p").bind("click", {foo: "bar"}, handler) 

示例（3）通过返回false来取消默认的行为并阻止事件起泡。

jQuery 代码:

$("form").bind("submit", function() { return false; })

---

示例（4）通过使用 preventDefault() 方法只取消默认的行为。

jQuery 代码:

$("form").bind("submit", function(event){
event.preventDefault();
});

---

示例（5）通过使用 stopPropagation() 方法只阻止一个事件起泡。

jQuery 代码:

$("form").bind("submit", function(event){
event.stopPropagation();
}); 

3、unbind([type],[data])：bind()的反向操作，从每一个匹配的元素中删除绑定的事件。

     参数——type (String) : (可选) 事件类型； 

                    data (Function) : (可选) 要从每个匹配元素的事件中反绑定的事件处理函数

   

示例（1）把所有段落的所有事件取消绑定

jQuery 代码:

$("p").unbind()

---

示例（2）将段落的click事件取消绑定

jQuery 代码:

$("p").unbind( "click" )

---

示例（3）删除特定函数的绑定，将函数作为第二个参数传入

jQuery 代码:

var foo = function () {
// 处理某个事件的代码
};

$("p").bind("click", foo); // ... 当点击段落的时候会触发 foo

$("p").unbind("click", foo); // ... 再也不会被触发 foo