jQuery
覃祚荣
这个作者很懒,什么都没留下…
展开
-
4.jQuery常用的一些方法
1.show() &hide()show:显示hide:隐藏如果调用方法时什么都不传就是不需要动画效果,如果要动画效果就传入一个数字,这个数字是动画的持续时间,以毫秒为单位2. siblings() 和chilren()children() 找到所有的子元素在children(选择器),找到指定的子元素找到所有兄弟的子元素ul,让他们隐藏$(this).sibl...原创 2019-07-04 13:38:37 · 117 阅读 · 0 评论 -
6.jQuery添加元素的六种方式
JS原生里:appendChild:添加子元素到最后insertBefore:添加子元素在某个子元素的前面ul.insertBefore:参数1:新元素参数2:在哪个元素前面jQuery里:append() 添加子元素到末尾prepend() 添加子元素到最前面before() 插入到某个元素的前面after() 插入到某个元素的后面appendTo() 自己找到父元素,再...转载 2019-07-04 15:20:40 · 444 阅读 · 0 评论 -
7.删除节点和清空元素
JS原生删除原生:找到它爸,杀了它儿子,没法自杀ul.removeChild(某个子元素);jQuery:允许元素自杀jQuery对象.remove();清空所有子元素:html(’’); 但是不建议用,子元素的事件不会被删除empty(); 子元素和子元素的事件都被清除 $('#btn1').click(function(){ $('#li3').r...转载 2019-07-04 15:20:00 · 169 阅读 · 0 评论 -
8.jQuery中各种宽和高以及setoff,scroll
1. jQuery中的各种宽高width()和height() 就是获取纯粹的宽和高设置的就是纯粹的宽和高innerWidth() 和 innerHeight() 获取带padding的宽和高设置多少,最终得到的是减掉padding的宽和高outWidth() 和 outerHeight() 获取带padding和边框的宽和高设置多少,最终得到是减掉padding和边框...转载 2019-07-04 15:19:10 · 224 阅读 · 0 评论 -
13.jQuery懒图加载
懒加载:页面一打开先不加载,需要显示时再加载好处:让第一次网页更快原理:不在可视区域的图片,先不给src,把路径存到自定义属性里当图片到达可视区域,就把自定义属性里的路径取出来,再赋值给src就行了jQuery里默认没有这个功能,但是jQuery的插件有!jQuery的插件就是用来扩展jQuery的//jq22 网站1.导入jQuery2.导入lazyload插件3.给所有img...转载 2019-07-04 15:18:40 · 67 阅读 · 0 评论 -
14.jQuery自己写插件
为什么要做插件?有的时候jQuery提供的功能还不够方便总结:要给jQuery加方法,其实就是给jQuery的原型对象加就行了( $.fn 加) // console.log($.fn === $.prototype); // $.fn 其实就是jQuery的原型对象 // jQuery对象为什么有width这些方法?是因为它的原型对象里有这...转载 2019-07-04 15:18:14 · 71 阅读 · 0 评论 -
3.jQuery入口函数
jquery的入口函数:$(document).read( function(){} )简写形式:$(function(){});对比JS原生入口函数和jQuery入口函数1.jQuery的入口函数调用时机比window.onload这个原生的入口函数要早jQuery的入口函数是等DOM加载完毕就调用(网页的元素加载完毕)window.onload要等资源加载完毕(网页的元素、引...转载 2019-07-04 15:16:48 · 375 阅读 · 0 评论 -
11.jQuery事件对像及三大坐标
事件对象:事件触发时就会产生事件对象,里面有事件触发时的相关信息,例如:点击的位置等,按下的键JS怎么拿事件对象?在绑定的函数里写一个形参e,但是有兼容问题,IE8不支持只要你是用jQuery加的事件,你可以直接在函数里写一个形参e,没有兼容,jQuery帮你处理1.x版本才兼容老版本IE总结:jQuery中的事件对象,用法跟JS原生的是一毛一样,但是不用做兼容了,jQuery帮我们做好了...转载 2019-07-04 15:16:16 · 128 阅读 · 0 评论 -
jQuery事件委托原理
事件委托其实是利用的事件冒泡的机制来实现的原理:把事件加在父元素上,在父元素里判断事件源(目标元素)是否为你想要触发的元素标签,如果是才触发,不是不触发事件冒泡:子元素事件触发后,会依次调用父级元素的同名事件,直到window,事件冒泡默认就存在 // // 找到ul // var ul = document.getElementsByTagName('ul')[0]; ...原创 2019-07-04 15:15:49 · 1266 阅读 · 0 评论 -
15.jQuery.多库共存
<!-- 又想导入jQuery1.12做老版本兼容 --><script src="./jquery-1.12.4.js"></script><!-- 我既想用3.0的新功能 --><script src="./jquery-3.0.0.js"></script><!-- 所以以上两个我都要导入,而且还都...转载 2019-07-04 15:13:39 · 143 阅读 · 0 评论 -
jQuery案例:视频弹屏
Title <!-- 核心思路是:当你点击发送弹幕以后,就创建一个新的span,加到video的div里面,并且这个span要定位,而且要改颜色 定位就随机定位,颜色也...原创 2019-07-04 14:44:24 · 248 阅读 · 0 评论 -
10.video()和audio()的基本用法及如何解决谷歌页面加载播放问题
如果要播放视频用video 如果要播放音频用audio他们两所有属性和用法都是一样的,只不过video专门放视频,audio专门放音频默认都没有控制条,要想有就加一个属性:controlsautoplay 自动播放muted 静音loop: 循环播放谷歌自从18年初更新后的浏览器都不允许自动播放(出于禁止广告的目的)但是如果你打开后,再刷新一下,也还是能自动播放的如果你不想刷新第一...原创 2019-07-04 14:43:45 · 909 阅读 · 0 评论 -
9.parrent(),parents()和find()
1.parent()与parents()js原生找父元素parentNodejQuery里:parent();找到直接父级 val()jQuery里获取输入框的内容parents()得到自己所有的父元素parents(选择器)得到匹配这个选择器的父元素例:td.parents() 代表找到这个td的所有父元素td.parents(‘tr’) 代表找到这个td的父元素t...原创 2019-07-04 14:43:19 · 1776 阅读 · 0 评论 -
5.jQuery常见的一些事件
1. jQuery点事件click2.mouseenter和mouselevea事件mouseenter:鼠标移入mouseleave:鼠标移出mouseover搭配mouseout建议用mouseenter因为如果用mouseover,那么从父元素移入到子元素也会触发,不太合理...转载 2019-07-04 15:21:09 · 133 阅读 · 0 评论