20170725 JQuery学习入门

JQuery 优势

可以像CSS 一样访问和操作 DOM

修改CSS 控制页面外观

简化JS 代码操作

事件处理更加容易

动画效果使用方便

Ajax 技术更加完美

大量的基于JQuery 的插件

可以自定义扩展功能插件

js 其他库

YUI ：雅虎开发。

Prototype: 最早成型的之一。

Dojo: 提供其他库没有的一些功能。

Mootools: 轻量级。

ExtJs: 主要用于创建前端用户界面

 

JQuery 语法

格式：$(selector).action()

美元符号$ 本身是 JQuery 对象的缩写

选择符selector 查询和查找 HTML 元素

Action 执行对元素的操作

JQuery 文档就绪函数

文档就绪函数：为了防止文档在完全加载（就绪）之前运行JQuery

$(document).ready(function){ ---jQuery functions go here --- }

JQuery 对象

对象转换

JQuery 对象转换为原生 DOM 对象

DOM 对象转换为 JQuery 对象

 

解决多库冲突

JQuery.noConflict(); // 放弃 $ 的引用，让其他库可以使用 $

  选择器 :

http://jquery.cuishifeng.cn/

     

DOM 操作：

操作元素属性：

设置元素及内容：

操作CSS: