jquery笔记1

$(document).ready()与window.onload类似，但也有区别

	window.onload	$(document).ready()
执行时机	必须等待网页中所有的内容加载完毕后（包括图片、flash、视频等）才能执行	网页中所有DOM文档结构绘制完毕后即刻执行，可能与DOM元素关联的内容（图片、flash、视频等）并没有加载完
编写个数	同一页面不能同时编写多个	同一页面能同时编写多个
简化写法	无	$(function(){ //执行代码 }) ;

DOM对象与jQuery对象之间的相互转化

1.使用$()函数进行转化：$(DOM对象)
如：
var txtName =document.getElementById(“txtName”); //DOM对象

var $txtName=$(txtName); //jQuery对象

jQuery对象命名一般约定以$开头

2-1 jQuery对象是一个类似数组的对象，可以通过[index]的方法得到相应的DOM对象
如：
var $txtName=$ ("#txtName"); //jQuery对象

var txtName =$txtName[0]; //DOM对象

2-2通过get(index)方法得到相应的DOM对象
如：
var $txtName=$("#txtName"); //jQuery对象

var txtName =$txtName.get(0); //DOM对象

jquery怎么判断所点击元素是其父元素中的第几个子元素？

<div class="id"> 
<span>内容</span> 
<span>内容</span> 
<span>内容</span>
<span>内容</span>
</div>
 
<script>
$(function(){
    $('#id span').click(function(){
        var ind = $('#id span').index(this)+1;//获取当前点击的span下标
        alert(ind)//弹出第几个
    })
})
</script>

使用index（）方法

如何选中$(this)下面的子元素

<ul>
　　li><span></span></li>

　　li><span></span></li>
</ul>

如上所示 , 如果要选择li 下的span jQuery 的写法如下:

$('li').mouseleave(function(){
　　$(this).find('span').css('left','100%');
});

注意find的用法:

　　$(this).find('子级')