jQuery的基础语法

JQuery

jQuery 是一套兼容多浏览器的 javascript 脚本库. 核心理念是写得更少，做得更多， 使用 jQuery 将极大的提高编写 javascript 代码的效率,帮助开发者节省了大量的工作,让 写出来的代码更加优雅, 更加健壮，“如虎添翼”. 同时网络上丰富的 jQuery 插件也让我 们的工作变成了"有了 jQuery,一切 soeasy."--因为我们已经站在巨人的肩膀上了。 jQuery 在 2006 年 1 月由美国人 John Resig 在纽约的 barcamp 发布，吸引了来自 世界各地的众多 JavaScript 高手加入，由 Dave Methvin 率领团队进行开发。如今， jQuery 已经成为最流行的 javascript 框架，在世界前 10000 个访问最多的网站中，有超 过 55%在使用 jQuery。

jQuery 的下载和安装
http://jquery.com

jQuery的优点:
（1）提供了强大的功能函数 （2）解决浏览器兼容性问题 （3）实现丰富的 UI 和插件 （4）纠正错误的脚本知识

jQuery 核心

"$" 符号在jQuery中能代表对jQuery对象的应用引用 ,"jQuery"是核心对象 
通过该对象 可以获取 jQuery 对象，调用 jQuery 提供的方法等。只有 jQuery 对象才能调用 jQuery 提供的方法

Dom对象:
	javascript 中获取 Dom 对象，Dom 对象只有有限的属性和方法: 
	var div = document.getElementById("testDiv");
	var divs = document.getElementsByTagName("div");
	
 jQuery 包装集|对象 :
 	是 Dom 对象的扩充.在 jQuery 的世界中将所有的对象, 无论是一个还是一组, 都封装成一个 jQuery 包装集,比如获取包含一个元素的 jQuery 包装集: 
 Dom与jQuery对象的互相转换:
 
 
 Dom转jQuery对象:
 	Dom 对象转为 jQuery 对象，只需要利用$()方法进行包装即可 
1  var domDiv = document.getElementById('mydiv');  // 获取 Dom 对象
2  mydiv = $(domDiv);

jQuery对象转Dom对象:

//第一种方式 获取 jQuery 对象 
var jqueryDiv = jQuery('#mydiv');

 //第二种方式 获取 jQuery 对象 
jqueryDiv = $('#mydiv');
 var dom = jqueryDiv[0];
 //将以获取的 jquery 对象转为 dom 

通过遍历 jQuery 对象数组得到的对象是 Dom 对象，可以通过$()转为 jQuery 对象
$('#mydiv').each(function() {//遍历  
var jquery = $(this);  }) 

jQuery 选择器 :
基础选择器 Basics

层次选择器 Hierarchy:在这里插入图片描述

单选择器:

jQuery DOM 操作:

jQuery 也提供了对 HTML 节点的操作，而且在原生 js 的基础之上进行了优化，使用起来 更加方便。 常用的从几个方面来操作，查找元素（选择器已经实现）；
创建节点对象；访问和设置节 点对象的值，以及属性；添加节点；删除节点；删除、添加、修改、设定节点的 CSS 样式；动 画操作等。注意：以下的操作方式只适用于 jQuery 对象。 

获取设置元素的属性:


移除属性:




操作元素的样式:

增加元素的具体样式，
格式： 1）css({‘样式名’:’样式值’,’样式名 2’:’样式值 2’})
例：css({“backgroundcolor”:“red”,“color”:"#fff"});
2）css(“样式名”,”样式值”)
例：css(‘color’,‘white’)

创建元素:
在 jQuery 中创建元素很简单，直接使用核心函数即可

添加元素: