jquery 高级 学习笔记

时间:2023-03-08 16:34:37
jquery 高级 学习笔记

——jquery 和 原生js可以共存,但不能混用。jquery 可以通过get()方法 转换为原生js.

$(“#div1”).get(0).innerHTML;

get() 需要传一个参数,表示获取第几个,如果不传,默认表示一组元素

——outerWidth() 与 offsetWidth 的区别

正常下,outerWidth offsetWidth 获取的值都是 width+padding+border

outerWidth(true)  获取的值是 width+padding+border+margin

offsetWidth 获取不到隐藏元素的值,outerWidth 可以

——html() 与 text()

$(‘div’).html()  只会获取到第一个div

$(‘div’).text()  回获取到所有div

——removed() 与 detached()

removed() 会删除元素和之前的所有操作,返回值为删除元素本身

detach()只会删除元素,但保留操作,返回值为删除元素本身

——$(function(){}) 与 window.onload=function(){}

$() 只要DOM加载完成就会执行

window.onload 需整个页面都加载完成才执行

——parents() 与 closest()

parents() 获取当前元素的所有祖先节点,参数就是筛选功能

closest()  获取当前元素最近的祖先节点(包括自身),必须要写筛选的参数,只能找到一个元素

——stop()

stop() 默认为stop(false,false),只会阻止当前运动

stop(true)  会阻止后续的运动

stop(ture,true)  可以使当前运动立即到目标点

finish()  可以使运动立即停到目标点