jquery

最新推荐文章于 2024-10-11 17:39:47 发布

daxiaoli123

最新推荐文章于 2024-10-11 17:39:47 发布

阅读量98

点赞数

分类专栏：实例文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/daxiaoli123/article/details/84527401

版权

实例专栏收录该内容

15 篇文章 0 订阅

订阅专栏

jquery学习
1.语法
jQuery 语法实例
$(this).hide()
演示 jQuery hide() 函数，隐藏当前的 HTML 元素。
$("#test").hide()
演示 jQuery hide() 函数，隐藏 id="test" 的元素。
$("p").hide()
演示 jQuery hide() 函数，隐藏所有 <p> 元素。
$(".test").hide()
演示 jQuery hide() 函数，隐藏所有 class="test" 的元素。

show()
hide()
滑动
sideUP()
sidedown()
sideToggle()

动画 animal()
语法：
$(selector).animate({params},speed,callback);

jQuery - Chaining
Chaining 允许我们在一条语句中允许多个 jQuery 方法（在相同的元素上）。
例子
$("#p1").css("color","red")
.slideUp(2000)
.slideDown(2000);

[size=xx-small]jquery-html[/size]

.text()
.html()
.attr(parm);

添加元素
append
prepend
before
after

jquery遍历
parent() 方法返回被选元素的直接父元素。
parents() 方法返回被选元素的所有祖先元素，它一路向上直到文档的根元素 (<html>)。
parentsUntil("div")返回当前元素与祖先元素之间的元素
children() 方法返回被选元素的所有直接子元素。
find() 方法返回被选元素的后代元素，一路向下直到最后一个后代。

向下遍历 DOM 树
children() 方法返回被选元素的所有直接子元素。
find() 方法返回被选元素的后代元素，一路向下直到最后一个后代
$("div").find("*");

jQuery 遍历 - 同胞
siblings() 方法返回被选元素的所有同胞元素。
next() 方法返回被选元素的下一个同胞元素。
nextAll() 方法返回被选元素的所有跟随的同胞元素。
nextUntil() 方法返回介于两个给定参数之间的所有跟随的同胞元素。
prev(), prevAll() & prevUntil() 方法prev(), prevAll() 以及 prevUntil() 方法的工作方式与上面的方法类似，只不//过方向相反而已

jQuery 遍历 - 过滤
first() 方法返回被选元素的首个元素。
last() 方法返回被选元素的最后一个元素
eq() 方法返回被选元素中带有指定索引号的元素。
$("p").eq(1);
filter() 方法允许您规定一个标准。不匹配这个标准的元素会被从集合中删除，匹配的元素会被返回。
eq(index) 根据下表返回当前元素的对象

下面的例子返回带有类名 "intro" 的所有 <p> 元素：
实例
$(document).ready(function(){
$("p").filter(".intro");
});

not() 方法返回不匹配标准的所有元素。

jQuery - AJAX
load();
load("url")
load("url",function(a,b,c){

});
jQuery get() 和 post() 方法用于通过 HTTP GET 或 POST 请求从服务器请求数据。