jquery
@红@旗下的小兵
求知若渴 虚心若愚
展开
-
jquery常用方法之next()、prev()、nextAll、prevAll方法
next ( ): 获取被选中元素的下一个且同级元素节点;next ( )中也可以添加条件,如:选出div下一个且必须是p标签的元素 <div class="div1"></div> <p class="p1"></p> <div class="div2"></div><script> ...原创 2019-05-19 17:25:28 · 3890 阅读 · 0 评论 -
jquery常用方法之clone和data方法
.clone ( ): 把选中元素复制一个包含自定义属性、特性等(不包括事件),如果想包含事件加一个参数true;eg:事件也可以被复制! <div>吕星辰</div> <script> $("div").on("click",function(){ console.log("000") ...原创 2019-06-04 20:30:59 · 793 阅读 · 0 评论 -
jQuery常用方法之trigger
trigger(eventType,param),自动触发系统事件或自定义事件;eventType:要触发的事件类型;param:传递的参数,可传一个或多个参数,多参数要用数组或对象表示。案例一:eg:一个经常看到的小功能,打开一张网页,一般会看到有广告层弹出,点击它可以关闭,不点击它倒计时结束会自动关闭:我们简单实现下:倒计时5秒之后,div消失,或倒计时期间点击div,di...原创 2019-06-16 10:56:25 · 787 阅读 · 0 评论 -
jq wrap方法
wrap ( ): 给每一个被选中的元素加上一个父级;eg:给每一个p标签加上类名为wrapper的div父级 <p class="box">1</p> <p class="box">2</p> <script> $(".box").wrap($("<div class='wrapper'>...原创 2019-06-04 08:27:09 · 673 阅读 · 0 评论 -
jQuery中on方法及动态绑定问题的解决
.on ( type,selector,data,callBackFn): 可绑定一个或多个任何事件类型(自定义事件也可以绑定,但要通过trigger触发);四个参数:参数一-------------type:绑定的事件类型,绑定多个事件中间用空格区分;(必选)参数二-------------selector:选择器,css选择器,字符串形式的(可选)参数三------...原创 2019-06-13 08:50:14 · 672 阅读 · 0 评论 -
jquery常用方法之attr和prop方法
attr ( ): 给选中的元素添加属性,或取元素属性;赋值:attr主要是给选中的元素添加自定义属性,当然添加class、id这些特性也可以;下边代码中:我们给第一个div添加一个自定义属性date,给第二个div添加class,效果如下: <div class="box">1</div> <div class="box">2<...原创 2019-05-18 11:01:52 · 597 阅读 · 0 评论 -
jquery常用方法之css方法
css ( ): 给选中的元素添加css样式,或者取css属性样式;添加样式:添加一个或多个属性,添加多个属性用对象的方式写; <div class="box">1</div> <div class="box">2</div><script> $(".box:first").css("color","r...原创 2019-05-18 06:36:52 · 469 阅读 · 0 评论 -
jquery常用方法—has方法和is方法
has ( ): 将选出来的元素集合,根据has里边的条件进行元素的筛选;下边的意思是:选择出li里边包涵ul的li,给它加上文字颜色。<div class="box"> <ul> <li>1 <ul> <li>5&...原创 2019-05-17 09:21:35 · 1054 阅读 · 0 评论 -
重拾jquery之find方法
find方法在项目中经常用到,让我们一起研究下!html代码:<div class="box"> <ul> <li>1</li> <li>2</li> <li>3</li> </ul&...原创 2019-05-14 19:15:09 · 601 阅读 · 0 评论 -
jquery—addClass方法和removeClass方法
addClass ( ): 给选中的元素添加class类名;可以传class类名,也可以传function函数。removeClass ( ): 把选中的元素的class类名删除;可以传class类名,也可以传function函数。下边我们通过一个小例子来理解下这两个方法:需求是——有四个div,起始背景颜色都是黄色,被点击的div元素背景变绿;效果是方法一:把...原创 2019-05-17 21:22:06 · 6063 阅读 · 0 评论 -
jquery常用方法之remove和detach
remove ( ): 把被选中元素删除(包括事件);detach ( ): 把被选中元素删除,当把元素在添加到body中时,原先的事件还会保留;看下代码:<div class="box">1</div><script> $(".box").click(function(){ alert("吕星辰") })...原创 2019-05-21 21:45:20 · 286 阅读 · 0 评论 -
jquery常用方法之appendTo、append、insertBefore、before方法
appendTo ( ): 把选中元素p标签插入到元素div里边;看下代码:<div class="wrapper"></div><p class="son"></p><script> $(".son").appendTo(".wrapper")</script>append ( ): ...原创 2019-05-21 06:25:11 · 593 阅读 · 0 评论 -
jquery常用方法之parent和parents方法
parent ( ): 获取除被选中元素的直接父元素,也就是它的上一级父元素;下边是parent小demo,直接看代码:需求:假设从后台传来的一个数组,我们要把数据渲染到页面,当点击button按钮时,需要把每一个元素相对应的data-id获取到,传给后台;//下边数组假设就是后台传过来的数据var arr = [ { name:"xingchen...原创 2019-05-20 21:06:07 · 4332 阅读 · 2 评论 -
jquery常用方法之siblings方法
siblings ( ): 获取除被选中元素之外所有的同级元素节点;siblings ( )中也可以添加条件,如:选出除div所有的span标签:<div class="box"> <div>1</div><br> <span>2</span><br> <div>3&...原创 2019-05-19 17:38:12 · 3562 阅读 · 0 评论 -
jQuery动画animate
.animate( style, time, easing, callBackFn): 给绑定的元素执行相对应的css动画;style:要执行css的动画样式;必选time:执行的时间(从开始到结束的时间);可选easing:动画以什么样的方式执行(慢----slow、快----fast、匀速-----linear、先快后慢 ··· );可选callBackFn:动画执行完后的回调...原创 2019-06-25 20:40:52 · 365 阅读 · 0 评论