jQuery基础教学与选择器应用.pdfVIP

JQuery

一、什么是jquery

一款免费且开放源代码的JavaScript代码库

支持编程、支持json、支持dom操作、支持Ajax…….兼容性

Jquery

Dojo

Prototype

Extjs

1）jquery源码

2）解压

3）解压，会发现两个文件

Jquery-1.4.4.js：供学习使用

Jquery-1.4.4.min.js：供开发或布署使用去掉了不必须的换行或空格

实现的功能完全相同

4）将jquery-1.4.4.js放到我们的项目中

二、选择器

Document.getElementById(‘ccontent’).innerHTML=’’;

对象.属性值;

选择器就是在程序中查找元素（对象）的方式

基本

层级

简单

内容

可见性

属性

子元素

表单

表单对象属性

jQuery

一、什么是jquery

一款免费且开源代码的JavaScript代码库支持编程、支持

json、支持dom操作、支持Ajax

Jquery

Dojo原

型

Extjs

1)jquery源码2)解压3)

解压，会发现两个文件

Jquery‑1.4.4.js:供学习使用Jquery‑1.4.4.min.js:供开发或布署使用

去掉了不需要的换行或空格

实现的功能两个

4)将jquery‑1.4.4.js放到我们的项目中

二、选择器

Document.getElementById(‘ccontent’).

innerHTML’’;对象.属性值;

选择器就是在程序中查找元素(object)的方式

基本

体系

简单

内容

可见性

属性

子元素

表单

表单对象属性

1、基本选择器

#id：根据id值匹配元素

Element：根据名匹配元素

selector1,selector2：匹配所有指定的元素

.class：匹配使用了指定css类的元素

2、层级

ancetordescendant：匹配祖先元素的后代元素

parentchild：匹配父元素的子元素

prev+next：匹配prev元素后的next元素

prev~siblings：匹配prev元素的平辈元素

3、简单

:first：匹配第一个元素

:last：匹配最后一个元素

:even：匹配所有索引为偶数的元素索引：从0开始

:odd：匹配所有索引为奇数的元素

:eq(index)：匹配指定索引的元素

1、基本选择器

#id:根据id值匹配元素

Element