JQuary
2020-07-07 12:17:54 7 举报AI智能生成
jQuary最强总结
作者其他创作
大纲/内容
JQuary有好多的方法，这里总结的不全
有需要别的可以去JQuary手册上去查
有需要别的可以去JQuary手册上去查
概述
JQuery是一个JavaScript框架，可以简化js的开发。
JQuery用js原生的代码封装了JavaScript常用的功能代码，优化了HTML文档操作、事件处理、动画设计。
引入方法
BootCDN网站下载jquary
jQuary API中文文档网站http://jquery.cuishifeng.cn/
https://www.jquery123.com/
一般在body最后面引入
<script src="./js/jquery.min.js"></script>
jquary取到的节点和document.getElementById();有本质上的区别 jquary取到的节点可以用jquary的方法不能
用原生的方法 原生的节点可以用原生的方法不能用jquary的方法
用原生的方法 原生的节点可以用原生的方法不能用jquary的方法
常用的方法
基本选择器
$("*")
所有元素
#id
id="什么" 的元素
.class
class="什么" 的所有元素
element
$("p")
所有 <p> 元素
el1,el2,el3
$("h1,div,p")
所有 <h1>、<div> 和 <p> 元素
基本效果
show()：显示隐藏的匹配元素。
hide()：隐藏显示的元素。
toggle()：用于绑定两个或多个事件处理器函数，绑定点击事件可以切换效果。
slideDown()：通过高度变化（向下增大）来动态地显示所有匹配的元素，在显示完成后可选地触发一个回调函
数。
数。
slideup()：通过高度变化（向上减小）来动态地隐藏所有匹配的元素，在隐藏完成后可选地触发一个回调函数。
里面都可以写参数。
里面都可以写参数。
fadeOut()：通过不透明度的变化来实现所有匹配元素的淡出效果。 fadeIn()：通过不透明度的变化来实现所有匹配
元素的淡入效果。
元素的淡入效果。
fadeTo()：把所有匹配元素的不透明度以渐进方式调整到指定的不透明度。
animate()：用于创建自定义动画的函数。
delay()：设置一个延时来推迟执行队列中之后的项目。
delay()：设置一个延时来推迟执行队列中之后的项目。
事件
ready(fn)
当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。
fn：要在DOM就绪时执行的函数
写法
$(function(){
console.log(document.getElementById('blue'))
})
console.log(document.getElementById('blue'))
})
$(document).ready(function(){
console.log(document.getElementById('red'))
})
console.log(document.getElementById('red'))
})
window.onload()和$(document).ready()的区别
执行时间上的区别：window.onload必须等到页面内（包括图片的）
所有元素加载到浏览器中后才能执行。而
$(document).ready(function(){})
是DOM结构加载完毕后就会执行。
所有元素加载到浏览器中后才能执行。而
$(document).ready(function(){})
是DOM结构加载完毕后就会执行。
编写个数不同：window.onload不能同时写多个，
如果有多个window.onload，则只有最后一个会执行，
它会把前面的都覆盖掉。
$(document).ready(function(){})则不同，
它可以编写多个，并且每一个都会执行。
如果有多个window.onload，则只有最后一个会执行，
它会把前面的都覆盖掉。
$(document).ready(function(){})则不同，
它可以编写多个，并且每一个都会执行。
简写方法：window.onload没有简写的方法，
$(document).ready(function(){})可以简写为$(function(){})。
$(document).ready(function(){})可以简写为$(function(){})。
基本属性
attr()：设置或返回被选元素的属性值。
removeAttr()：从每一个匹配的元素中删除一个属性。
prop()：获取在匹配的元素集中的第一个元素的属性值。
removeProp()：用来删除由.prop()方法设置的属性集。
addClass()：为每个匹配的元素添加指定的类名。
removeClass()：从所有匹配的元素中删除全部或者指定的类。
toggleClass()：如果存在（不存在）就删除（添加）一个类。
html()：取得第一个匹配元素的html内容。
text()：取得所有匹配元素的内容。
val()：获得匹配元素的当前值。
基本文档处理
append()：向每个匹配的元素内部追加内容。
appendto()：把所有匹配的元素追加到另一个指定的元素元素集合中。
prepend()：向每个匹配的元素内部前置内容。
empty()：删除匹配的元素集合中所有的子节点。
remove()：从DOM中删除所有匹配的元素。
0 条评论
下一页
为你推荐
查看更多
抱歉，暂无相关内容 
