jQuery学习第一天

jquery学习day1

jquery的引用

1. 百度搜索jquery下载

2. 下载jquery开发版

3. 建立一个jQuery.min.js的js文件

4. 在html里面引用jquery.min.js文件

5. 调用script函数

例如：

<div> </div>
<script>
    $('div');
    </script>

jquery的入口函数

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

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

jquery的顶级对象$符

1. $是jquery的别称，两者达到的效果一致，为了方便，一般使用$

2. $是jquery的顶级对象，相当于原生的javascript里面的window。

3. jquery对象只能使用jquery方法，DOM对象只能使用原生的javascript属性和方法

jquery对象和DOM对象

1. DOM对象转换为jquery对象:$加DOM对象（不用加点）

$('div')

1. jquery对象转换为DOM对象

$('div')[index]   index是索引号

$('div').get(index)   index是索引号

jquery选择器

$('选择器')//里面选择器直接写css选择器即可，但是要加引号

名称	用法	描述
ID选择器	$('#id');	获取指定id的元素
全选择器	$("*");	匹配所有元素
类选择器	$('.class');	获取同一类class的元素
标签选择器	$("div");	获取同一类标签的所有元素
并集选择器	$('div,p,li');	选取多个元素
交集选择器	$('li.current');	交集元素
子代选择器	$('ul>li');	使用>号，获取的是亲儿子，不包括孙子
后代选择器	$("ul li");	使用空格，选取所有子代，包括孙子

隐式迭代

1. 隐式迭代就是把匹配的所有的元素内部进行遍历循环，给每一个元素添加css这个方法

jquery筛选选择器

语法	用法	描述
:first	$("li:first")	获取第一个li元素
:last	$("li:last")	获取最后一个li元素
:eq(index)	$("li:eq(2)")	获取到的li中，选择索引号为2的元素，索引号从0开始
:odd	$("li:odd")	获取到的li中，选择索引号为奇数的元素
:even	$("li:even")	获取到的li中，选择索引号为偶数的元素

jquery筛选方法（重点）

语法	用法	说明
parent()	$("li").parent();	查找父级（最近的）
children(selector)	$("ul").children('li')	相当于$("ul>li"),最近一级
find(selector)	$("ul").find("li")	相当于$("ul li")，所有子元素
sidblings(selector)	$(".first").sidblings("li")	查找兄弟节点，不包括本身
nextAll([expr])	$(".first").nextAll()	查找当前元素之后所有同辈的元素
prevAll([expr])	$(".last").prevAll()	查找当前元素之前所有同辈的元素
hasClass(class)	$("div").hasClass("protected")	检查当前元素是否有特定的类，如果有，返回true
eq(index)	$("li").eq(2)	相当于$("li:eq(2)")，索引号从0开始