jQuery学习笔记

1、防止 jQuery 在页面没有完成载入前就执行

$(document).ready(function(){

// jQuery methods go here…

});
可以简写成
$(function(){

// jQuery methods go here…

});

2、Selectors

（1）选择 HTML 标记

$(“p”)

（2）选择 id 标记

$(“#test”)

（3）选择 class 标记

$(“.test”)

3、Events

在 jQuery 中，大部分的 DOM 事件都有对应的 jQuery 事件，如添加点击事件

$(“p”).click();

添加单击事件的处理函数，你必须传一个回调函数给单击事件

$(“p”).click(function(){
// action goes here!!
});

• hover()
  在鼠标指针放在某个元素之上时触发，为 mouseenter 和 mouseleave 的组合，它的第一个回调函数中鼠标进入时调用，第二个回调函数在鼠标离开时执行
  $(“#p1”).hover(function(){
  alert(“You entered p1!”);
  },
  function(){
  alert(“Bye! You now leave p1!”);
  });
• focus()
  当某个表单输入域获得焦点时调用
• blur()
  当某个表单输入域失去焦点时调用

hide() 和 show() 可以用来显示和隐藏内容

$(selector).hide(speed,callback);

$(selector).show(speed,callback);

toggle()方法，可以实现交替显示和隐藏内容

4、HTML Get，Set

jQuery 取得 DOM 节点元素的值或属性有下面四种简单实用的方法

• text() – 设置或取得指定元素的文本内容。
• html() – 设置或取得指定元素的内容（包括 HTML 标记）
• val() –设置或取得表单某个输入域的值。
• attr()方法用来取得某个元素的属性$(“#guidebee”).attr(“href”)；

jQuery 其实使用上面同样的方法来赋值

• text() – 设置或取得指定元素的文本内容。 $(“#test1”).text(“Hello world!”);
• html() – 设置或取得指定元素的内容（包括 HTML 标记） $(“#test2”).html(“Hello world!“);
• val() – 设置或取得表单某个输入域的值。$(“#test2”).html(“Hello world!“);
• 同样为元素的属性赋值也使用 attr()方法
  $(“#guidebee”).attr({
  “href” : “http://www.imobilebbs.com“,
  “title” : “imobilebbs jQuery Tutorial”
  });

下面的方法用于添加 HTML 元素：

• append() – 在指定的元素的尾部添加一个新内容。
• prepend() -在指定的元素里前部添加新内容。
• after() – 在指定元素前添加新内容
• before() -在指定元素的后面添加新内容。

jQuery 使用下面两个方法来删除或是清空某个 HTML 元素。

• remove() – 删除指定的元素（包括其子元素）
• empty() – 清空指定元素的子元素