jQuery
关注
分享
扫一扫
杨十八的小脑瓜嗡嗡的
这个作者很懒，什么都没留下…
展开
-
自定义规则排序
JS 固定规则排序原创 2022-03-23 19:42:29 · 361 阅读 · 0 评论 -
jquery 元素 筛选选择器
元素筛选选择器方法名方法含义.children()查找元素就近一级元素.find()查找当前元素下所有匹配元素.parent()查找当前元素上一级父元素.siblings()查找当前元素的所有同级元素.nextAll()查找当前元素之后的同辈元素.prevAll()查找当前元素之前的所有同辈元素.hasClass()检查当前元素是否含有某个类名 如果有 返回true 如果没有 返回false（“父元素>子元素”）层级选择器原创 2021-09-13 08:55:25 · 112 阅读 · 0 评论 -
jquery 获取元素内容
获取元素内容元素内容元素文本值元素值html()text()val()获取元素内容<div id="">1111</div>console.log($('div').html())//结果为 <span>1111</span>// 与原生JS innerHtml类似获取元素文本内容<div id="">1111</div>console.log($('div').html())//原创 2021-09-13 08:54:14 · 2035 阅读 · 0 评论 -
Jquery 获取元素属性值
获取属性获取内置属性获取自定义属性prop( ‘value name’,‘value’)attr(‘value name’,‘value’)jquery中内置属性只能用来获取内置 自定义只能用来获取内置内置属性$('.checkall ').prop('checked')//获取值$('.checkall ').prop('checked',true)//修改值自定义属性$('.checkall ').attr('indexx')//获取值$('.checkall原创 2021-09-13 08:52:48 · 8247 阅读 · 0 评论 -
2-1 jquery 获取元素属性
prop获取修改多个属性$('a').prop('property')//获取值$('a').prop('property','value')//设置值 //多个属性值写法$('a').prop({ property1:value, property2:value, ........})attr获取修改多个属性$('a').attr('property')//获取值$('a').attr('property','value')//设置值 //多个属性值写法...原创 2021-09-08 22:17:16 · 190 阅读 · 0 评论 -
JS this指向问题
全局函数 this指向window对象对象绑定的函数this指向对象本身//全局函数指向 window对象 function th(){ console.log(this) } th() var but=document.querySelectorAll('button') for(var i=0;i<but.length;i++){ but[i].addEventListener('click',function(){ this.style.ba.原创 2021-09-06 13:56:22 · 64 阅读 · 0 评论 -
1-10 jquery 手风琴
HTML部分 <ul> <li class="box"> <a href="#"> <img src="./img/c.png" alt="" class="big"> <img src="./img/c1.jpg" alt="" class="small"> </a> </li> <li> <a href="#"> &原创 2021-09-05 20:01:59 · 81 阅读 · 0 评论 -
1-9 jquery fadeTo不透明度
结构<ul> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul>JS $(function(){ $('ul li').hover(function(){ $(thi.原创 2021-09-05 17:27:59 · 121 阅读 · 0 评论 -
jquery 1-8 淡入淡出
HTML部分<body> <button type="button">淡出</button> <button type="button">淡入</button> <button type="button">切换</button> <div></div> </body>JS部分<script type="text/javascript"> $原创 2021-09-05 17:03:27 · 70 阅读 · 0 评论 -
jquery 1-7停止排队
当一个对象反复触发动画时候会不断的累计执行次数这时候就需要阻止上一次动画$('.nav>li').hover(function() { $(this).children('ul').stop().slideToggle(1000) }) })stop() 写在前面写在后面会直接停止...原创 2021-09-05 16:51:48 · 60 阅读 · 0 评论 -
1-6 jquery 显示 隐藏
显示$('button').eq(0).click(function() { $('#box').show(1000, function() { console.log(1) }) })隐藏$('button').eq(1).click(function() { $('#box').hide(1000, function() { console.log(2) }) })切换显示隐藏$('button'.原创 2021-09-05 14:32:32 · 77 阅读 · 0 评论 -
jquery 1-6 jquery 排他思想 增删类名
CSS代码 .item { display: none; } .disb{ display: block; }JS代码 $(function() { $('ul li').mouseover(function(){ var index=$(this).index() //获取下标 方便对应元素显示隐藏 // tab栏切换 排他思想 $(this).css({原创 2021-09-05 12:45:23 · 207 阅读 · 0 评论 -
jquery 1-5 类名 添加删除
$(function(){ $('#box').click(function(){ $(this).addClass('back') //添加类名 $(this).removeClass('back') //删除类名 $(this).toggleClass("back"); //如果有 则删除 如果无 则添加 } ) })注意:如果元素为ID添加class类时 需要考虑样式优先级手动提高...原创 2021-09-04 20:42:01 · 259 阅读 · 0 评论 -
jquery 1-4 CSS样式 笔记
$(function(){ $('div').click(function(){ $(this).css('width')//只写一个值时候是获取属性值 $(this).css('width','10px')//写两个时候是修改属性值 console.log($(this).css('width')) })})注意:如果属性值是数字 比如100px 直接写100也是可以的...原创 2021-09-04 20:15:59 · 81 阅读 · 0 评论 -
jquery和JS排他思想
<body> <button></button> <button></button> <button></button> <button></button> </body> <script type="text/javascript"> $(function() { $('button').click(function() { .原创 2021-09-04 16:53:51 · 140 阅读 · 0 评论 -
jquery 1-3 扩展
//获取元素 $('ul:odd').css('background', '#e3e3e3') //获取就近子元素 $('.nav').children('p') //获取父元素下所有匹配元素 $('.nav').find('p') //获取子元素的父元素 $('.navp').parent() //获取元素的兄弟元素 不判断标签 只要有同级标签就算兄弟 $('p').siblings() // console.log($...原创 2021-09-04 16:07:56 · 82 阅读 · 0 评论 -
jQuery 1-3 筛选选择器 笔记
<body> <div>111</div> <div>111</div> <div>222</div> <div>333</div> </body> <script type="text/javascript"> $('div:eq(2)').css('color','#fff')//下标 $('div:first').css('color'.原创 2021-09-04 13:18:35 · 171 阅读 · 0 评论 -
Jquery 1-1 笔记
jQuery获取以 $()来进行获取没有JS的一些方法jQuery获取到的对象是一个伪数组Dom对象和jquery转换 //JS原生 var a=document.querySelector('#a1') //转换jQuery对象 console.log($(a)) //转换DOM对象 $(a).get() //转换为DOM对象 $(a)[0].style...原创 2021-09-04 12:41:36 · 75 阅读 · 0 评论 -
jQuery 1-2隐式迭代
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="js/jQuery.js" type="text/javascript" charset="utf-8"></script> </head> <style type="text/css"> div{ .原创 2021-09-04 13:08:58 · 90 阅读 · 0 评论