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: