jQuery学习第一天

简介: jQuery学习第一天

因为要做项目 稍微学一下jQuery 今天了解一下


jQuery的入口函数


$(function(){
       //此处是页面DOM加载完成后的入口
    })


jQuery对象


$('div') jQuery对象只能使用jQuery方法,DOM对象使用原生JavaScript属性和方法
 $(DOM对象)可以将DOM对象转换为jQuery对象
 $('div')[index] 或 $('div').get(index) 可以将jQuery对象转换为DOM对象


jQuery常用API


jQuery里的选择器与js使用一致 $('选择器')即可
 jQuery设置样式 $('div').css('属性','值')//例如$('div').css('background','pink') 会获取所有的div(隐式迭代)
 jQuery筛选选择器
     :first $('li:first') 获取第一个li元素
     :last $('li:last') 获取最后一个li元素
     :eq(index) $('li:eq(2)') 索引号从0开始
     :odd $('li:odd') 选择奇数
     :even $('li:even') 选择偶数


隐式迭代


谝历内部DOM元索(伪数组形式存储)的过程就叫做隐式迭代。
简单理解:给匹配到的所有元素进行循环遍历,执行相应的方法,而不用我们再进行循环,简化我们的操作,方便我们调用。


相关文章
|
5月前
|
JavaScript 前端开发
jQuery学习(十二)—jQuery中对象的查找方法总结
jQuery学习(十二)—jQuery中对象的查找方法总结
|
5月前
|
JavaScript
jQuery学习(九)—常用的包裹方法
jQuery学习(九)—常用的包裹方法
|
5月前
|
JavaScript
jQuery学习(七)— append方法与appendTo方法
jQuery学习(七)— append方法与appendTo方法
|
5月前
|
JavaScript
jQuery学习(六)—jQuery对象的创建
jQuery学习(六)—jQuery对象的创建
|
5月前
|
JavaScript
jQuery学习(五)—课堂实训题专栏
jQuery学习(五)—课堂实训题专栏
|
5月前
|
JavaScript
jQuery学习(八)—before方法、after方法、insertBefore方法、insertAfter方法
jQuery学习(八)—before方法、after方法、insertBefore方法、insertAfter方法
|
4月前
|
XML JavaScript 前端开发
JavaScript学习 -- jQuery库
JavaScript学习 -- jQuery库
34 0
|
4月前
|
JavaScript 前端开发 数据安全/隐私保护
jQuery选择器-第2次课-大部分跟CSS3选择器类似-几乎没有学习成本-附案例-作业等
jQuery选择器-第2次课-大部分跟CSS3选择器类似-几乎没有学习成本-附案例-作业等
18 0
|
4月前
|
JavaScript 前端开发 API
jquery是什么-是否还有必要学-与JS的区别-学习技巧-文末附资料、案例、作业
jquery是什么-是否还有必要学-与JS的区别-学习技巧-文末附资料、案例、作业
42 0
|
5月前
|
JavaScript
【jQuery学习】—实现弹幕效果
【jQuery学习】—实现弹幕效果