Jquery的神秘面纱：你可能错过的知识

jquery 的特点：

很好的解决不同浏览器的兼容问题（IE 6.0+，FF2+,SAFARI 3.0+,OPERA 9.0+,CHROME）；

体积小，使用简单方便；链式编程；隐式迭代，插件丰富，开源，免费

Window.onload只能写一次，重复会被后面的覆盖掉，当页面中的标签，图片，外部引用加载后才触发

$(document).ready()DOM基本标签加载后就触发==$(function(){})一样

为什么jQuery对象和dom对象要相互转换？

Dom对象转jQuery对象操作方便，毕竟jQuery中方法都是封装好的，而且兼容问题解决的很好，代码少方便，

jQuery对象转dom对象，因为jQuery中文件一直在更新，很多东西都是随着使用而进行封装和升级，不太可能把所有dom中用到的进行封装，还有很多未知的兼容问题没有封装，所以有的时候jQuery中部能解决的问题，还需要原生的js代码lai解决，所以jQuery对象有的时候需要转成dom对象来操作

转换方法：

Dom=>jquery 在需要转换的dom对象前面添加$

Jquery=>dom $(‘btn’)[0]或者$(‘btn’).get(0)

Jquery选择器

选择器：获取元素

$(“*”)选择所有的元素

标签加类选择器 $(li.cls)

几个常见的方法

Html()方法，设置标签中间显示其他标签及内容，类似于innerHTML

.text()方法，设置标签中间显示内容的文本内容，类似innertext

.val()方法，设置input标签中value的值，类似于value

.css()方法，设置元素的样式，类似于style

层级选择器

后代选择器：子子孙孙

子代选择器：直接子元素

获取当前元素的相邻元素：

$(“div+span”)

获取当前元素后面所有元素

$(“div~span”)

下拉菜单案例

$(function(){

$('.dot>li').mouseover(function(){

$(this).children('ul').show();

})

$('.dot>li').mouseout(function(){

$(this).children('ul').hide();

})

})

.evne偶数选择器

.obb奇数选择器