判断是否含有某个样式:hasClass() — 判断元素中是否含有某个 class,有返回 true; 否则返回 false。如,“$(this).hasClass(“protected”)”,判断当前节点是否有“protected”样式。
10.设置或获取HTML、文本和值
读取和设置某个元素中的 HTML 内容: html(),该方法可以用于 XHTML,但不能用于 XML 文档。
读取和设置某个元素中的文本内容:text(),该方法既可以用于 XHTML 也可以用于 XML 文档。
读取和设置某个元素中的值:val(),该方法类似 JavaScript 中的 value 属性。对于文本框,下拉列表框,单选框该方法可返回元素的值(多选框只能返回第一个值)。如果为多选下拉列表框,则返回一个包含所有选择值的数组。
11.常用遍历节点的方法
取得匹配元素的所有子元素组成的集合:children()。该方法只考虑第一层子元素而不考虑任何后代元素。
取得匹配元素后面紧邻的兄弟元素的集合(但集合中只有一个元素):next()。
取得匹配元素前面紧邻的兄弟元素的集合(但集合中只有一个元素):prev()。
取得匹配元素前后所有的兄弟元素: siblings()。
12.CSS-DOM操作
获取和设置元素的样式属性:css()。
获取和设置元素透明度:opacity()属性。
获取和设置元素高度,宽度:height(),width()。在设置值时,若只传递数字,则默认单位是px。如需要使用其他单位则需传递一个字符串,例如 “$(“p:first”).height(“2em”)”;
获取元素在当前视窗中的相对位移:offset()。它返回的对象包含了两个属性:top,left。该方法只对可见元素有效。
五、JQuery中的事件
1.加载DOM
在页面加载完毕后,浏览器会通过 JavaScript 为 DOM 元素添加事件。在常规的 JavaScript 代码中,通常使用 window.onload 方法,在JQuery 中使用$(document).ready() 方法。JQuery中的简化写法“$()”。在window.onload中注册事件时,只能在一个window.onload体中注册。但使用JQuery,可以在多个$(document).ready()或$()中注册。
2.事件绑定
对匹配的元素对指定的事件绑定。如,昨天我们在window.onload中绑定事件的方法:“$(“p”).onclick(function(){ alert( $(this).text() );
});” 在JQuery的$(document).ready()中可以这样绑定:“$(“p”).click(function(){ alert( $(this).text() );
});” 使用bind(),可以这样绑定:$(“p”).bind(“click”, function(){ alert( $(this).text() );
});
3.合成事件
hover():模拟光标悬停时间。当光标移动到元素上时,会触发指定的第一个函数,当光标移出这个元素时,会触发指定的第二个函数。如,悬停效果:$(“td”).hover( function () {$(this).addClass(“hover”);}, function () {$(this).removeClass(“hover”);});










