jQuery
关注
分享
扫一扫
文章平均质量分 69
美美| ू•ૅω•́)ᵎᵎᵎ
| ू•ૅω•́)ᵎᵎᵎ
展开
-
10：JQ案例:todolist
css: <style> .w { width: 600px; border: 1px solid #ccc; margin: 0 auto; border-radius: 10px; padding: 10px; box-sizing: border-box; } #enter...原创 2021-09-06 09:52:24 · 160 阅读 · 0 评论 -
9.JS自定义扩展插件方法①本身：$.extend({a:fun...})②对象：$.fn.extend({a:fun...})③多库共存jQuery.noConflict()④轮播swiper插件
目录一两种方式，一种是jQuery本身的扩展方法，另一种是jQuery所选对象的扩展方法。1.jQuery.extend({a:fun...},{b:fun...}); // jQuery 本身的扩展方法2.jQuery.fn.extent((a:fun...),{b:fun...}); // jQuery 所选对象扩展方法二：多库共存jQuery.noConflict()问题 : 如果有2个库都有$, 就存在冲突三：swiper插件一两种方式，一种是jQue...原创 2021-09-05 14:20:17 · 477 阅读 · 0 评论 -
8.自定义动画①淡入淡出切换fadeIn、~Out、~Toggle②滑动slideDown、~Up、~Toggle③显示show隐藏hide切换toggle④通用动画animate（）⑤停stop（）
目录一：淡入淡出切换：不断改变元素的透明度来实现的参数毫秒1.fadeIn():带动画的显示2.fadeOut():带动画的显示3.fadeToggle():带动画的显示/隐藏二：滑动（从上到下出现） 参数毫秒1.slideDown():带动画的展开2.slideUp():带动画的收缩3.slideToggle():带动画的切换展开/收缩三：显示与隐藏（从左上角到右下角出现）如果不传递参数毫秒，默认是没有任何过渡效果的，瞬间出现1.show...原创 2021-09-04 22:48:30 · 550 阅读 · 0 评论 -
7. window.onload与document.ready的区别
区别: window.onload与 $(document).ready() * window.onload * 包括页面的图片加载完后才会回调(晚) * 只能有一个监听回调，多次设置为赋值操作，只输出最后那个 * $(function(){}) * 全称:$(document).ready() * 页面加载完就回调(早) * 可以有多个监听回调，输出多个<body> <h1>测试window.onload与$(doc...原创 2021-09-04 20:56:45 · 151 阅读 · 0 评论 -
6.事件委托（冒泡）新加子元素, 同有响应事件$(‘父‘).on(‘click‘,‘子‘,function(){})；$(‘父).delegate(‘子‘,‘click‘,~）删除$(父).off()
事件委托：方法1 $('ul').on('click','li',function(){}) 方法2 $('ul').delegate('li','click',function(){})取消事件委托：方法1 $('ul').off() 方法2 $('ul').undelegate()1. 事件委托: * 将多个子元素(li)的事件监听委托给父辈元素(ul)处理 * 监听回调是加在了父辈元素上 * 当操作任何一个子元素(l...原创 2021-09-04 20:53:46 · 174 阅读 · 0 评论 -
5.①节点插入（内后append前prepend；外前before后after）删除（empty；remove包括皮）替换replaceWith②事件绑定2种 与解除1种：鼠标mouse滑动移入移出3
目录一：页面节点的添加/替换元素：1.内部：选中元素的内部：*在当前匹配的所有元素内的最后插入指定内容*在当前匹配的所有元素内的最前面插入指定内容2.外部：选中元素的前后（兄弟节点）：*将指定内容插入到当前所有匹配元素的前面*将指定内容插入到当前所有匹配元素的后面*用指定内容替换所有匹配的标签二：页面元素节点的删除*删除所有匹配元素的子元素文本，标签节点不删：西瓜吃了，皮不吃*删除所有匹配的元素，标签节也点删：西瓜吃了，皮也吃了三：事件绑定与解除1.点原创 2021-09-04 16:05:16 · 237 阅读 · 0 评论 -
4.JQ案例：①爱好选择器filter()②tab栏切换③回到顶部
一：爱好选择器注意事项：①如何用filter()②this指向③ 哪个是JQ对象哪个是DOM对象<body> <form> 你爱好的运动是？<input type="checkbox" id="checkedAllBox" />全选/全不选 <br /> <input type="checkbox" name="items" value="足球" />足球 .原创 2021-09-04 16:06:26 · 236 阅读 · 0 评论 -
3.筛选过滤①first②last③eq④filter⑤not⑥has⑦子元素集合children⑧find徒子徒孙等元素⑨parent父元素⑩prevAll①nextAll②siblings兄弟标签
目录一：筛选过滤方法 （与之前学的筛选选择器不同） 优化性能筛选后的元素封装成jquery对象，再调用方法1.first() 第一个2.last() 最后一个3.eq(index|-index) 根据索引4.filter()括号里面可以传：①filter('.类名')②filter('字符串')③回调函数filter(funtion(){})④filter(':checked')4.filter()还可以筛选：①filte...原创 2021-08-28 14:29:08 · 180 阅读 · 0 评论 -
2.①Jq的css②offset和position③scrollTop()获取滑动④返回元素尺寸width()和height()⑤内部尺寸加inner⑥外部尺寸加outer⑦true就加margin
一：CSS修改 <p style="color: blue;">王者荣耀的后裔</p> <p style="color: green;">太阳的后裔</p>1.得到第一个p标签的颜色console.log($('p:first').css('color'))//rgb(0,0,255)2.设置所有p标签的文本颜色为pink$('p').css('color','...原创 2021-08-28 14:08:19 · 160 阅读 · 0 评论 -
1.①jq传参②函数调③对象调each，trim，type，判断类型④属性方法each，index，size，eq，attr，prop，removeAttr，加class，读文本⑥选择器＞gt；＜lt
一：jQuery：一个优秀的JS函数库下载 此链接复制全部代码，然后打开编辑器创建一个js文件粘贴进去。二：等着页面DOM加载完毕再去执行js代码 jq的两种方式三：JQ的$符号是什么1.$是JQ的别称 $=jQuery相同的2.$是jQuery的顶级对象，相当于原生JavaScript中的window。把元素利用$包装成jQuery对象，就可以调用jQuery的方法四：jQuery对象和DOM对象1.DOM对象：用原生js获取过来的对象是DOM对象...原创 2021-08-27 19:58:14 · 429 阅读 · 0 评论