jquery总结

最新推荐文章于 2024-03-29 10:53:09 发布

天下1281

最新推荐文章于 2024-03-29 10:53:09 发布

阅读量422

点赞数 1

分类专栏： jquery 文章标签： jquery

本文链接：https://blog.csdn.net/boysky0015/article/details/73159435

版权

jquery 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

jquery的重点总结如下几点：
1.jquery 选择器
2.jquery HTML
3.jquery 效果
4.jquery 遍历
5.jquery ajax

1.选择器

id选择器 $(“#id”)
class选择器 $(“.class”)
标签选择器 $(“div”)

2.HTML
2.1 jquery 获取或者设置

text() 获取或者设置文本内容
html() 获取或者设置文本内容（包括标签在内）
val() 获取文本输入框中的内容

2.2 jquery添加

append (在被选元素末尾添加一个或者多个元素)
prepend （在被选元素的开头添加一个或者多个元素）
after （在被选元素之后添加一个或者多个元素）
before（在被选玄素之前添加一个或者多个元素）

2.3jquery 删除

remove （删除被选元素及子元素）
empty（从被选元素删除子元素）

2.4 jquery css类

addClass() 向被选元素添加一个或者多个类
removeClass() 从被选元素移除一个或者多个类
toggleClass() 对被选元素进行添加/删除类的切换
css() 设置或者返回样式属性

3.效果
- show() 鼠标显示。
- hide() 鼠标隐藏。
- toggle() 切换。
- fadeIn() 鼠标淡入。
- fadeOut() 鼠标淡出效果。
- fadeTo() 允许渐变给不定的透明度（值介于0-1之间）。
- slideDown() 鼠标下拉效果。
- slideUp() 鼠标上上拉效果。
- slideToggle() 鼠标切换效果。
- animate() 运动。
- stop() 用于在动画或者效果完成之前对它们进行停止。

4.jquery遍历
4.1 jquery祖先

parent() 被选元素的父级
parents() 被选元素的所有父级
parentsUntil() 介于两个元素之间的所有父级元素

4.2 后代用于向下遍历DOM树的操作
children() 用于查找直接的子元素
find() 查找后代元素

4.2 jquery 同胞
siblings() 返回被选元素的所有兄弟元素
next() 返回被选元素的下一个元素
nextUntil() 返回介于两个元素之间的所有元素（向后）
nextAll() 返回被选元素之后所有的元素
prev() 返回被选元素的上一个元素
prevUntil() 返回介于两个元素之间的所有元素（向前）
preAll() 返回被选元素之前的所有元素

4.3过滤

first() 返回被选元素的第一个元素
last() 返回被选元素的最后一个元素
eq() 返回被选元素中带有指定索引号的元素
filter() 返回匹配的元素
not() 返回不匹配的所有元素

5.ajax

$.get(url,[data],callback,type);

概述：通过远程HTTP GET载入信息
url：载入页面的路径
data: 待发送Key/value参数
callback: 载入成功时回调函数
type：返回的格式，比如： json、jsonp等
示例代码：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <script type="text/javascript" src="js/jquery-3.0.0.js"></script>
</head>
<body>
    <div class="content">

    </div>
    <script type="text/javascript">
        //jQuery load()方法是简单但强大的ajax方法
        //load() 方法从服务器加载数据，并把返回的数据放入被选元素中。
        $(function(){
            var url = "http://datainfo.duapp.com/shopdata/getGoods.php";
            $.get(url,function(data){
                //console.log("aa");
                console.log(data);
            },"jsonp")
        })
    </script>
</body>
</html>

你会看到控制打印到了数据。

天下1281

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
jquery总结

jquery的重点总结如下几点： 1.选择器 2.HTML 3.效果 4.遍历1.选择器 - id选择器 (“#id”) - class选择器(“#id”) - class选择器 (“.class”) - 标签选择器 $(“div”)2.HTML 2.1 jquery 获取或者设置text() 获取或者设置文本内容html() 获取或者设置文本内容（包括标签在
复制链接

扫一扫

专栏目录