【jQuery教程详解】

1 jquery

1.1  简介css

jQuery是一个 JavaScript 库,即对js的封装html

jQuery极大地简化了JavaScript编程,如对节点增删改查及动画添加jquery

jQuery封装了异步post和 get请求编程

要学习jQuery前你首先要具有HTML/CSS/JS的相关知识app

jQuery开发教程网站:异步

http://jquery.cuishifeng.cn/函数

http://www.w3school.com.cn/jquery/index.asppost

1.1 jquery能作什么

1. HTML元素选取学习

2. HTML事件函数动画

3. HTML元素操做-增删改查

4. CSS操做

5. JavaScript特效和动画

6.  HTML DOM遍历和修改

7. AJAX

1.2  jquery的基本使用

jquery的导入

下载jquery库,下载地址:http://jquery.com/【下载的jquery版本通常没有要求】

把jquery.js导入项目WebContent的js 目录下


在html的head标签中导入jQuery的js文件

在script标签中写jQuery代码,如图,代码都写在function的括号内

文档就绪函数

这是为了防止文档在彻底加载(就绪)以前运行jQuery代码。若是在文档没有彻底加载以前就运行函数,操做可能失败。


jquery的语法

基础语法是:$(selector).action()

美圆符号定义jQuery

选择符(selector)“查询”和“查找” HTML 元素

jQuery的 action() 执行对元素的操做

jquery的选择器和事件

id选择器




element元素选择器



class选择器


jquery的事件监听函数

组合选择器

组合选择器也就是将id,元素,类选择器组合使用.

selector1,selector2,selectorN



属性选择器

jQuery使用 XPath 表达式来选择带有给定属性的元素。

$("[src]")选取全部带有 href 属性的元素。

]$("[src='#']")选取全部带有 href 值等于 "#" 的元素。

$("[src$='.jpg']")选取全部 href 值以 ".jpg" 结尾的元素。



query筛选

普通筛选

:first第1个

:last最后1个

eq(index)指定索引

even偶数

:odd奇数

:lt(index)小于

:gt(index)大于

:not(selector)排除

查找筛选

parent([expr])

取得一个包含着全部匹配元素的惟一父元素的元素集合

children([expr])

取得一个包含匹配的元素集合中每个元素的全部子元素的元素集合。

siblings([expr])

取得一个包含匹配的元素集合中每个元素的全部惟一同辈元素的元素集合。能够用可选的表达式进行筛选



jquery控制css


jquery控制html

添加标签

append() -在被选元素的结尾插入内容

prepend() -在被选元素的开头插入内容

after() -在被选元素以后插入内容

before() -在被选元素以前插入内容


删除标签

remove() -删除被选元素(及其子元素)

empty() -从被选元素中删除子元素

设置或获取html标签的内容

text() -设置或返回所选元素的文本内容

html() -设置或返回所选元素的内容(包括 HTML 标记)

val() -设置或返回表单字段的值


添加属性与获取属性值

attr("placeholder","请输入用户名");

attr("placeholder");


移除属性

removeAttr()

相关文章
相关标签/搜索