jquery学习进阶使用

时间 2019-11-12

标签 jquery 学习进阶使用栏目 JQuery 繁體版

原文原文链接

Jquery的遍历css

Jquery的遍历-获取父节点html

举例：服务器

<div>div (曾祖父)函数

<ul>ul (祖父) post

<li>li (直接父)网站

<span>span</span>spa

</li>视频

</ul> htm

</div>索引

parent() 方法返回被选元素的直接父元素。$("span").parent();得到li

parents() 方法返回被选元素的全部祖先元素(包括父节点和html)，它一路向上直到文档的根元素 (<html>)。$("span"). parents (); 得到 html-body-div-ul-li

parentsUntil() 方法返回介于两个给定元素之间的全部祖先元素。

$("span").parentsUntil("div");返回ul-li

Jquery的遍历-获取同级节点

siblings() 方法返回被选元素的全部同胞元素。

next() 方法返回被选元素的下一个同胞元素。

nextAll() 方法返回被选元素的全部跟随的同胞元素。

nextUntil() 方法返回介于两个给定参数之间的全部跟随的同胞元素。 (不包括h2和h6)

$("h2").nextUntil("h6").css({"color":"red","border":"2px solid red"});意思是说h3-h4-h5加上红线外边框

prev(), prevAll() 以及 prevUntil() 方法的工做方式与上面的方法相似，只不过方向相反而已：它们返回的是前面的同胞元素（在 DOM 树中沿着同胞元素向后遍历，而不是向前）。

Jquery的遍历-过滤

first() 方法返回被选元素的首个元素。$("div p").first();返回div的节点

last() 方法返回被选元素的最后一个元素。 $("div p").last();返回p的节点

eq() 方法返回被选元素中带有指定索引号的元素。$("p").eq(1);返回的是从body上面向下，以0为索引的第二个p元素的节点

也就是说，第二个p标签的节点

filter() 方法容许您规定一个标准。不匹配这个标准的元素会被从集合中删除，匹配的元素会被返回。$("p").filter(".test");返回带有test类的p标签的节点

not() 方法返回不匹配标准的全部元素。not() 方法与 filter() 相反。 $("p").not(".test");返回p标签不带test的类的节点

Jquery的遍历-AJAX技术

在不加载所有网页的状况下更新部分网页部分的内容如视频网站

$(selector).load(URL,data,callback);

必需的 URL 参数规定您但愿加载的 URL。

可选的 data 参数规定与请求一同发送的查询字符串键/值对集合。

可选的 callback 参数是 load() 方法完成后所执行的函数名称。

$.get() 方法经过 HTTP GET 请求从服务器上请求数据。$.get(URL,callback);

必需的 URL 参数规定您但愿请求的 URL。

可选的 callback 参数是请求成功后所执行的函数名。

下面的例子使用 $.get() 方法从服务器上的一个文件中取回数据：$.post() 方法经过 HTTP POST 请求从服务器上请求数据。

$.post(URL,data,callback);

必需的 URL 参数规定您但愿请求的 URL。

可选的 data 参数规定连同请求发送的数据。

可选的 callback 参数是请求成功后所执行的函数名。

下面的例子使用 $.post() 连同请求一块儿发送数据：

Jquery noConfict()方法

noConflict() 方法会释放会 $ 标识符的控制，这样其余脚本就能够使用它了。

$.noConflict();

jQuery(document).ready(function(){

jQuery("button").click(function(){

jQuery("p").text("jQuery 仍在运行！");

});

</script>

1. kubebuilder2.0学习笔记——进阶使用
2. 进阶学习
3. day32 jQuery 进阶
4. JavaScript进阶学习
5. lnuix进阶学习
6. CUDA 进阶学习
7. linux学习进阶
8. Python学习进阶
9. iOS进阶学习
10. JAVA进阶学习
更多相关文章...
• 您已经学习了 XML Schema，下一步学习什么呢？ - XML Schema 教程
• 我们已经学习了 SQL，下一步学习什么呢？ - SQL 教程
• 适用于PHP初学者的学习线路和建议
• Tomcat学习笔记（史上最全tomcat学习笔记）