1、获取内容和属性
text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容（包括 HTML 标记）
val() - 设置或返回表单字段的值
attr() -用于获取属性值。
eg：
$("#btn1").click(function(){
alert("值为: " + $("#test").val());
});
$("button").click(function(){
alert($("#runoob").attr("href"));
});
2、设置内容和属性
$("#btn1").click(function(){
$("#test1").text("Hello world!");
});
上述三个 jQuery 方法同样拥有回调函数。回调函数有两个参数：被选元素列表中当前元素的下标，以及原始（旧的）值。然后以函数新值返回您希望使用的字符串。
3、添加元素
append() - 在被选元素的结尾插入内容
prepend() - 在被选元素的开头插入内容
after() - 在被选元素之后插入内容
before() - 在被选元素之前插入内容
4、删除元素
remove() - 删除被选元素（及其子元素）
empty() - 从被选元素中删除子元素
remove() 方法也可接受一个参数，允许您对被删元素进行过滤。
$(document).ready(function(){
$("button").click(function(){
$("p").remove(".italic");
});
});
5、获取并设置CSS类
addClass() - 向被选元素添加一个或多个类
removeClass() - 从被选元素删除一个或多个类
toggleClass() - 对被选元素进行添加/删除类的切换操作
css() - 设置或返回被选元素的一个或多个样式属性。
返回属性$("p").css("background-color");；
设置属性$("p").css("background-color","yellow");
设置多个属性$("p").css({"background-color":"yellow","font-size":"200%"});
6、尺寸
①width() 方法设置或返回元素的宽度（不包括内边距、边框或外边距）。
height() 方法设置或返回元素的高度（不包括内边距、边框或外边距）。
②innerWidth() 方法返回元素的宽度（包括内边距）。
innerHeight() 方法返回元素的高度（包括内边距）。
③outerWidth() 方法返回元素的宽度（包括内边距和边框）。
outerHeight() 方法返回元素的高度（包括内边距和边框）。
7、遍历
- 向上遍历DOM树
parent()方法返回被选元素的直接父元素。
parents()方法返回被选元素的所有祖先元素，它一路向上直到文档的根元素 (<html>)。
parentsUntil()方法返回介于两个给定元素之间的所有祖先元素。 - 向下遍历DOM树
children() 方法返回被选元素的所有直接子元素。
find() 方法返回被选元素的后代元素，一路向下直到最后一个后代。
返回属于<div>后代的所有<span>元素：
$(document).ready(function(){
$("div").find("span");
});
返回<div>所有后代元素：
$(document).ready(function(){
$("div").find("*");
});
- 水平遍历
siblings() 方法返回被选元素的所有同胞元素。
使用可选参数来过滤对同胞元素的搜索。
next() 方法返回被选元素的下一个同胞元素。该方法只返回一个元素。
nextAll() 方法返回被选元素的所有跟随的同胞元素。
nextUntil() 方法返回介于两个给定参数之间的所有跟随的同胞元素。
实例
$(document).ready(function(){
$("h2").nextUntil("h6");
});
prev(), prevAll() 以及 prevUntil() 方法的工作方式与上面的方法类似，只不过方向相反而已：它们返回的是前面的同胞元素（在 DOM 树中沿着同胞之前元素遍历，而不是之后元素遍历）。
8、过滤
缩小搜索元素的范围：
三个最基本的过滤方法是：first(), last() 和 eq()，它们允许您基于其在一组元素中的位置来选择一个特定的元素。
其他过滤方法，比如 filter() 和 not() 允许您选取匹配或不匹配某项指定标准的元素。
first() 方法返回被选元素的首个元素。
last() 方法返回被选元素的最后一个元素。
eq() 方法返回被选元素中带有指定索引号的元素。索引号从 0 开始，因此首个元素的索引号是 0 而不是 1。
filter() 方法允许您规定一个标准。不匹配这个标准的元素会被从集合中删除，匹配的元素会被返回。
not() 方法返回不匹配标准的所有元素。
提示：not() 方法与 filter() 相反。
9、 AJAX load() 方法
jQuery load() 方法是简单但强大的 AJAX 方法。
load() 方法从服务器加载数据，并把返回的数据放入被选元素中。
语法：$(selector).load(URL,data,callback);
必需的 URL 参数规定您希望加载的 URL。
可选的 data 参数规定与请求一同发送的查询字符串键/值对集合。
可选的 callback 参数是 load() 方法完成后所执行的函数名称。
可选的 callback 参数规定当 load() 方法完成后所要允许的回调函数。回调函数可以设置不同的参数：
responseTxt - 包含调用成功时的结果内容
statusTXT - 包含调用的状态
xhr - 包含 XMLHttpRequest 对象
10、AJAX get() 和 post() 方法
GET - 从指定的资源请求数据
语法：$.get(URL,callback);
POST - 向指定的资源提交要处理的数据
语法:$.post(URL,data,callback);
11、jQuery noConflict() 方法
noConflict() 方法会释放对 $ 标识符的控制
var jq = $.noConflict();
jq(document).ready(function(){
jq("button").click(function(){
jq("p").text("jQuery 仍然在工作!");
});
});
扫一扫
295
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
