
jQuery
北斗星的爱886
这个作者很懒,什么都没留下…
展开
-
jquery发送ajax请求数据方式
【代码】jquery发送ajax请求数据方式。原创 2022-11-08 15:50:36 · 351 阅读 · 1 评论 -
(十七) jQuery each()方法使用
each()方法使用遍历每个p元素,并且改变边框样式。效果:原创 2021-07-08 17:21:27 · 149 阅读 · 0 评论 -
(十六)jQuery slice()方法使用
slice()方法使用根据索引值获取指定范围的集合元素。上例中,是获取从索引位置为1到索引值为4(到不包含4) 的p元素 边框设置为 红色。效果:索引值为1、2 、3 的颜色改变。根据指定范围截取字符串。效果:...原创 2021-07-08 16:52:33 · 293 阅读 · 0 评论 -
(十五)jQuery 获取元素的方法总结
1、parent()方法获取被选元素的直接父元素。效果:2、parents()方法获取被选元素所有的祖先元素(包括body、html标签)。效果:3、children()方法获取被选元素的所有直接子元素效果:4、find()方法获取被选元素的后代元素,一路向下直到最后一个后代。效果:5、siblings()方法获取除了被选元素之外的其他同级元素效果:6、next()方法获取被选元素的下一个同级元素。效果:7、nextAll()原创 2021-07-08 16:21:47 · 1895 阅读 · 0 评论 -
(十四)jQuery css()方法
1、css()方法css()方法返回元素的样式属性。效果:css()方法设置元素的样式属性。效果:设置多个 CSS 属性$('div').css({'background-color':'#fff','border':'1px solid #ccc'});原创 2021-07-07 11:55:41 · 139 阅读 · 0 评论 -
(十三)jQuery addClass()和removeClass()方法
1、addClass()方法向被选元素添加一个或多个类CSS:.addClass{ width: 400px; height: 100px; border: 1px solid #000; background-color: pink; font-size: 18px; }HTML:<div> 你的爱,会将我灌醉,我没有所谓,太过清醒怎么陶醉. -----好好学习,天天向上。</div>JS:添加class属性前:原创 2021-07-07 11:32:15 · 744 阅读 · 0 评论 -
(十二)jQuery删除元素或内容的方法
1、remove()方法删除被选元素及其子元素。 <div class="remove"> <p>好好学习,天天向上。</p> <span>卧槽,无情,好残忍!</span> <div>那我走?</div> </div> <br> <button>删除元素</button>效果:删除之前:删除之后:2、empty()方法删除被选元素原创 2021-07-07 10:37:57 · 572 阅读 · 0 评论 -
(十一)jQuery添加元素或内容的方法
1、append()方法在被选元素结尾添加新元素。 <div class="add">好好学习,天天向上。</div> <br> <button>添加元素</button>效果:在被选元素内部结尾添加新元素。2、prepend()方法在被选元素的开头添加新元素。<div class="add">好好学习,天天向上。</div><br><button>添加元素&原创 2021-07-07 10:08:56 · 2977 阅读 · 0 评论 -
(十)jQuery设置获取表单字段的值val()
val()方法val()方法主要设置或获取表单中input的值。<input type="text" value="Hello World"/>//获取input值$('.input').val();//Hello World//设置input值$('.input').val('Hello Kitty');原创 2021-07-02 10:37:27 · 750 阅读 · 0 评论 -
(九)jQuery设置获取属性attr()
attr()方法attr() 方法获取属性值。<a href="www.youkuaiyun.com" class="my">优快云</a>$('.my').attr('href');//www.youkuaiyun.comattr() 方法设置属性值。<a href="www.youkuaiyun.com" class="my">优快云</a>$('.my').attr('href', 'www.baidu.com');<a href="www.baid原创 2021-07-02 10:26:14 · 521 阅读 · 0 评论 -
(八)jQuery设置获取内容html()和text()
html()方法设置或者获取元素的内容(包括html标记)//设置元素内容$('.div').html('<span>设置元素内容</span>');//获取元素内容$('.div').html();//html结构text()方法设置或者获取元素的文本内容//设置元素文本内容$('.div').text('修改了内容');//获取元素文本内容$('.div').text();//字符串...原创 2021-07-02 09:58:18 · 163 阅读 · 0 评论 -
(七)jQuery回调函数 Callback
Callback函数详解你到超市买东西,你要买的东西正好没有,于是你在店员那里留下来你的电话号码,过了几天来货了,店员打电话叫你去拿货,然后你接到电话后就去店里取了货。这个例子中,你的电话号码就是回调函数,你把电话留给店员就叫登记回调函数,店里后来有货了叫做触发了回调关联的事件,店员给你打电话叫做调用回调函数,你到店里去取货叫做响应回调事件。一般写程序是你调用系统的API,如果把关系反过来,你写一个函数,让系统调用你的函数,那就是回调了,那个被系统调用的函数就是回调函数。当动画 100% 完成后原创 2021-07-01 10:59:04 · 512 阅读 · 0 评论 -
(六)jQuery 停止动画stop()方法
stop()方法用于在动画或效果完成之前对他们进行停止适用于所有jQuery动画效果函数。实例:$('button').click(function(){ $('.div').stop();})stop()会清除被选元素上指定的动画效果。原创 2021-07-01 10:30:43 · 531 阅读 · 0 评论 -
(五)jQuery animate()方法实现动画效果
animate() 方法用于创建自定义动画实例:点击按钮,实现div向右移动200px。$('button').click(function(){ $('.div').animate({left: '200px'});})提示:默认的,所有 HTML 元素都有一个静态位置,且无法移动。如需对位置进行操作,要记得首先把元素的 CSS position 属性设置为 relative、fixed 或 absolute!.div{position: absolute;}animate(原创 2021-07-01 09:21:55 · 834 阅读 · 0 评论 -
(四)jQuery实现元素向上向下滑动效果
1、slideDown()方法slideDown() 方法用于向下滑动元素。$("button").click(function(){ $("#div").slideDown();});2、slideUp()方法slideUp() 方法用于向上滑动元素。$("button").click(function(){ $("#div").slideUp();});3、slideToggle()方法slideToggle() 方法可以在 slideDown() 与 slide原创 2021-06-30 11:52:35 · 2486 阅读 · 0 评论 -
(三)jQuery实现元素的淡入淡出效果
1、fadeIn()方法fadeIn() 用于淡入已隐藏的元素。$("#div").fadeIn();2、fadeOut()方法fadeOut() 方法用于淡出可见元素。$("#div").fadeOut();3、fadeToggle()方法fadeToggle() 方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换。$("#div").fadeToggle();4、fadeTo()方法fadeTo() 方法允许渐变为给定的不透明度(值介于 0 与原创 2021-06-30 10:29:23 · 951 阅读 · 0 评论 -
(二)jQuery效果隐藏和显示
hide()隐藏元素$(document).ready(function(){ $('button').click(function(){//点击按钮事件 $('p').hide();//隐藏p元素 })})show()显示元素$(document).ready(function(){ $('button').click(function(){//点击按钮事件 $('p').show();//显示p元素 })})语法:$(selector).hide(speed,callb原创 2021-06-26 11:57:04 · 157 阅读 · 0 评论 -
(一)jQuery常用鼠标触发元素事件(鼠标点击、进入、离开)
jQuery 事件方法1、click事件:点击鼠标左键时触发$(document).ready(function(){ $('div').click(function(){ alert("鼠标点击了!"); })});2、mouseover事件:鼠标从一个元素移入另一个元素时触发(鼠标进入)$(document).ready(function(){ $('div').mouseover(function(){ alert("鼠标进入了!"); })});3、mouseout原创 2021-06-26 10:59:27 · 13918 阅读 · 0 评论