JQuery基础

JQuery是一个JavaScript库（框架），它通过封装原生的JavaScript函数得到一整套定义好的方法。

JQuery的使用：

1.下载JQuery库，引用本地文件

<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script> -->

2.引用网络版的

<script src="https://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>

JQuery对象
$ 美元符号，就是 jQuery 对象的缩写形式
eg：

var btn=$('#btn');
			btn.click(function(){
				alert("点击了")
			})

在用JQquery时，我们一般将script写在下面，等页面全部加载完之后在对其进行具体操作。写上面的话，可能会获取不到元素。不过，要是非要写到上面也不是不可以，调用一个方法就好了：

$(document).ready(function () {}); //jQuery等待加载

这个方法的意思是：等所有DOM元素加载完，然后执行包裹中的内容。

原生JS和JQuery，各有优势，但两者的方法属性不能混用，若原生DOM对象想要调用JQuery的方法或属性，需要先转化为JQuery，以下是两者的互转：

//原生DOM对象
	var btn=document.getElementById('btn');
//原生DOM对象转JQuery对象
var obj=$('#btn');

//JQuery对象
var jqueryObj=$('#my2');
//JQuery对象转原生对象
var ysDom=jqueryObj.get(0);

JQuery选择器：
基本和css选择器一样，这里列举几个例子，点到为止：
eg：

• 标签选择器：$(‘div’)
• id选择器：$(‘#box’)
• 类选择器：$(‘.box’)

事件：
绑定事件

//方式1：匿名函数方式
$('input').bind('click', function () { //点击按钮后执行匿名函数
alert('点击！');
});

//方式2：普通处理函数
$('input').bind('click', fn); //执行普通函数式无须圆括号
function fn() {
alert('点击！');
}

//方式3：通过对象键值对绑定多个参数
$('input').bind({ //传递一个对象
'mouseout' : function () { //事件名的引号可以省略
alert('移出');
},
'mouseover' : function () {
alert('移入');
}
});

解绑事件：

//使用 unbind 删除绑定的事件
$('input').unbind(); //删除所有当前元素的事件
//使用 unbind 参数删除指定类型事件
$('input').unbind('click'); //删除当前元素的 click 事件

解绑多个事件也可以用链式法则

$('button').bind('click',a).bind('click',b)//其第二个参数是事件处理函数

事件的自动触发

$(‘button’).trigger(‘click’); //浏览器一打开自动触发该点击事件，click函数需自行定义

事件只执行一次：one

$('button').one('click',function(){
		alert("hello")
})