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


相关文章
|
JavaScript 前端开发
jQuery学习(十二)—jQuery中对象的查找方法总结
jQuery学习(十二)—jQuery中对象的查找方法总结
|
JavaScript
jQuery学习(九)—常用的包裹方法
jQuery学习(九)—常用的包裹方法
|
JavaScript
jQuery学习(七)— append方法与appendTo方法
jQuery学习(七)— append方法与appendTo方法
|
JavaScript
jQuery学习(六)—jQuery对象的创建
jQuery学习(六)—jQuery对象的创建
|
JavaScript
jQuery学习(五)—课堂实训题专栏
jQuery学习(五)—课堂实训题专栏
|
JavaScript
jQuery学习(八)—before方法、after方法、insertBefore方法、insertAfter方法
jQuery学习(八)—before方法、after方法、insertBefore方法、insertAfter方法
|
3月前
|
JavaScript 前端开发 CDN
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
本文是关于jQuery的学习笔记,涵盖了jQuery的简介、语法、选择器、事件处理以及hide()、show()、toggle()等方法的使用。
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
|
6月前
|
开发框架 JavaScript 前端开发
技术经验解读:从零开始学习jQuery(十)jQueryUI常用功能实战
技术经验解读:从零开始学习jQuery(十)jQueryUI常用功能实战
46 0
|
7月前
|
JavaScript 前端开发 索引
jQuery学习教程,写更少的代码,做更多的事情(二)
jQuery学习教程,写更少的代码,做更多的事情(二)
|
7月前
|
XML JavaScript 前端开发
JavaScript学习 -- jQuery库
JavaScript学习 -- jQuery库
81 0