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() – 清空指定元素的子元素