Jquery

jQuery 是一个 JavaScript 库，这句话已经说明了Jquery的性质，在将一些JS代码包装完成之后格式化它然后再让我们通过格式调用。
首先就是引入JQuery库

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

然后就是在整个代码加载完成时让其执行JS中的指令

<script type="text/javascript">
			//简写形式
			$(function(){
				$('#btn').css('background','red').css('width','100px').css('height','80px');
			});		
		</script>

这里要提醒一下的是简写形式是指我们的JS代码要等到body里面的程序加载完成之后才会随意调用，上面的形式就相当于window.onload。

JQuery对象和DOM对象的互转

在JQ中使用dom对象的方法需要转换

原生的转成----Jquery

$(原生对象)转换成JQ

	 var v=document.getElementById("myh2");
			$(v).css('color','red');

把JQuery对象转成原生DOM对象

jq.get【索引】转换成原生对象

	var v2=$('#myh3');
	v2.get(0).style.color="green";
	get(索引) 通过这个方法,可以把JQuery对象转成原生DOM对象

JQ方法

eq()： 在你取得某一类JQ对象后再通过eq方法，将其索引传入取得某一个对象
find() 这个方法也是在取得某一类之后直接去通过标签名去获得某个对象
prevA(‘ul’).css(‘color’,‘red’); 选择我的上一兄弟元素
prevAll(‘ul’).css(‘color’,‘red’); 选择上面所有的兄弟元素
nextUntil(‘h4’).css(‘color’,‘red’); 遇到nextUntil(‘h4’)里面的写的这个元素,就停止选择
siblings(‘h2’).css(‘color’,‘green’); 同级上下所有元素选定
toggle toggle() 方法在被选元素上进行 hide() 和 show() 之间的切换
toggleClass(‘demo1’,count++%3==0)两个样式的切换 参2 可以控制切换的频率，参一填要换的样式
attr(‘color’,‘yellow’) 可以在找到标签之后添加属性，当然也可以添加类
addClass 添加一个类，跟上面的方法有重合，随意用
wrap(document.createElement(‘div’)); 给标签外面包裹一个标签
unwrap(); 去掉这个标签的外层包裹
.text() 获得和设置标签内的文字内容
html(); 获得和设置标签内的文字内容，可以在设置时识别内容里的标签
show();hide()toggle(1000) 动画的隐藏，显示以及二者切换，括弧里的是延迟
slideDown slideUp slideToggle 动画中的下拉上卷以及二者切换
fadeOut fadeIn fadeToggle 动画的渐隐，渐现以及二者切换
选定标签的方法
$(‘div[id=div1]’).css(‘color’,‘red’);选定div中ID为div1的，设定其颜色
$(‘font[id=f2]’).css(‘color’,‘green’); 选定font标签中ID为f2的设定颜色
$(‘font[color^=y]’).css(‘color’,‘green’);选定font标签中颜色样式以y开头的标签设定其颜色
绑定点击事件
$(’’).click(function(){}) 点击事件
bind(‘mouseout’, function() {} unbind(‘mousedown’) 绑定以及解绑某一事件
on　off 绑定解绑事件,用来替代 bind unbind
one 这个事件只执行一次
自动触发绑定的事件

$('button').bind('click', function() {
					alert("点击了");
				}).trigger('click');