jQuery
引入的方式两种
1.本地引入
2.CDN远程引入(百度CDN远程jQuery库)
使用jQuery
1.使用jQuery函数: $/jQuery
jQuery向外暴露的就是jQuery函数, 可以直接使用
当成一般函数使用: $(param)
param是function: 相当于window.onload = function(文档加载完成的监听)
param是选择器字符串: 查找所有匹配的DOM元素, 返回包含所有DOM元素的jQuery对象
param是DOM元素: 将DOM元素对象包装为jQuery对象返回 $(this)
param是标签字符串: 创建标签DOM元素对象并包装为jQuery对象返回
当成对象使用: $.xxx
each(obj/arr, function(key, value){})
trim(str)
2.使用jQuery对象: $xxx(执行$()得到的)
包含所有匹配的n个DOM元素的伪数组对象
执行$()返回的就是jQuery对象
基本行为:
length/size(): 得到dom元素的个数
[index]: 得到指定下标对应的dom元素
each(function(index, domEle){}): 遍历所有dom元素
index(): 得到当前dom元素在所有兄弟中的下标
jQuery 与 DOM 的转换
jQuery对象不能使用DOM对象的属性和方法(如innerHTML),反之DOM对象也不能使用jQuery对象的属性和方法($.each())
jQuery对象是一个DOM数组对象(伪数组),所以可以使用下标的方式转换DOM对象
DOM--->jQuery对象
var $btn = $("button");
var btn = $btn[0]; or var btn = $btn.get(0);
jQuery对象是使用$()包装DOM对象后产生的对象
jQuery对象--->DOM
var btn = document.getElementById('btn');
var $btn = $(btn);
jQuery的基本使用及DOM之间的转换
最新推荐文章于 2023-08-12 10:47:33 发布