jquery部分笔记上传

jquery：封装后的js

jquery两大特色：
1.隐式迭代
2.链式调用

1.引入jquery库

1.jquery的入口函数不覆盖 (而js的DOM对象的入口函数window.οnlοad=function(ev){}会覆盖，只能有一个)
$(document).ready(function()){}; 获取document文档树，绑定jquery的ready方法。绑定后可回调文档树中的函数

可简写为：
$(function(){});

2. js->jquery div==>$(div) $(js)
   jquery->js $div==>$div[0]; js[0]

3.获取元素方法
$(‘obj1,obj2’) 可返回多个元素，逗号隔开

4.$js.css(‘color’,‘red’); 给jquery对象添加样式的方法，obj.css(’’,’’)当样式不止一个时obj.css({’’:’’,’’:’’})

5.隐式迭代、链式调用
$obj.html(‘文本内容’).css(‘color’,‘red’)

6.点击事件obj.click()

7.移入事件obj.mouseenter(function(){})

$('li:odd').mouseenter(function() {	li的奇数下标也就是偶数行
	$(this).css({"background-color":"red","font-size":"30px"});
})

$('li:even').mouseenter(function() {	li的偶数下标也就是奇数行
	$(this).css({"background-color":"yellow","font-size":"30px"});	
})	

8.获取或修改属性：$(‘img’).attr(‘src’); 获取src属性，不可获取单值属性，可用prop()
$(‘img’).attr(‘alt’,‘错错错’)； 设置alt属性

9.移除属性：
$(‘img’).removeAttr(‘index’); 只能删除自定义属性
$(‘img’).removeClassr(‘index’); 可删除样式属性99

1.attr/prop:获取属性、设置属性  移除属性

	$('img').attr('src');	获取图片的src属性
	$('input').prop('checked');	获取单值属性要用prop()，check是默认值false不选中，true选中

	$('img').attr/prop('alt','错错错')	设置图片的属性alt

	$('img').removeAttr('index')	移除图片下标属性