2019年05月_@红@旗下的小兵

原创 jquery常用方法之remove和detach

remove ( ): 把被选中元素删除（包括事件）；detach ( ): 把被选中元素删除，当把元素在添加到body中时，原先的事件还会保留；看下代码：<div class="box">1</div><script> $(".box").click(function(){ alert("吕星辰") })...

2019-05-21 21:45:20 283

原创 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 592

原创 jquery常用方法之parent和parents方法

parent ( ): 获取除被选中元素的直接父元素，也就是它的上一级父元素；下边是parent小demo，直接看代码：需求：假设从后台传来的一个数组，我们要把数据渲染到页面，当点击button按钮时，需要把每一个元素相对应的data-id获取到，传给后台；//下边数组假设就是后台传过来的数据var arr = [ { name:"xingchen...

2019-05-20 21:06:07 4327 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 3553

原创 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 3878

原创 jquery常用方法之attr和prop方法

attr ( ): 给选中的元素添加属性，或取元素属性；赋值：attr主要是给选中的元素添加自定义属性，当然添加class、id这些特性也可以；下边代码中：我们给第一个div添加一个自定义属性date，给第二个div添加class，效果如下： <div class="box">1</div> <div class="box">2&lt...

2019-05-18 11:01:52 596

原创 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 465

原创 jquery—addClass方法和removeClass方法

addClass ( ): 给选中的元素添加class类名；可以传class类名，也可以传function函数。removeClass ( ): 把选中的元素的class类名删除；可以传class类名，也可以传function函数。下边我们通过一个小例子来理解下这两个方法：需求是——有四个div，起始背景颜色都是黄色，被点击的div元素背景变绿；效果是方法一：把...

2019-05-17 21:22:06 6040

原创 jquery—html方法和text方法

html ( ): 可分为【取值】和【赋值】；取值：选择出的是第一个匹配元素的内容，包涵html标签，而且是字符串形式的；如下：<div class="wra"> <div class="box">1<span>0</span></div> <div class="box">2&...

2019-05-17 14:38:39 1413

原创 jquery常用方法—add方法、end方法

add ( ): 叠加选出元素，一起操作；下边的意思是：选择出box1和box2，改变文字颜色<div class="box1">1</div><div class="box2">2</div><script> $("box1").add("box2").css({color:"red"});</scri...

2019-05-17 10:10:51 693

原创 jquery常用方法—has方法和is方法

has ( ): 将选出来的元素集合，根据has里边的条件进行元素的筛选；下边的意思是：选择出li里边包涵ul的li，给它加上文字颜色。<div class="box"> <ul> <li>1 <ul> <li>5&...

2019-05-17 09:21:35 1054

原创重拾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

原创重拾jQuery之get和eq方法实现原理

上一遍文章我们介绍了jquery链式调用及class、id选择器的实现原理，接下来丰富下源码以及介绍下get和eq方法的源码实现！html代码：<div class="box">1</div><div class="box">2</div><div class="box">3</div>$(".box").g...

2019-05-14 17:04:16 472

原创重拾jQuery-一起探究方法及原理（开篇）

今天是2019年5月12号——母亲节，小编先祝天下妈妈节日快乐。最近总结了关于jQuery一些常用方法及实现的原理，这些方法也是项目经常会用到的，以后也方便自己看，所以记录下来了。首先，引入jQuery之后，不妨打印一下$和jquery看下：也就是说，$符号返回的是一个函数，我们平时用调用$()的时候，本质上就是去执行了上边的这个函数，而函数执行它会返回一个jQuery对象（就是一个类数组...

2019-05-14 10:37:57 161

记录点滴