jQuery整理

一、选择器

Dom对象与jQuery对象的转换

jQuery包装集是一个集合, 所以我们可以通过索引器访问其中的某一个元素;jQuery包装集的某些遍历方法,比如each()中, 可以传递遍历函数, 在遍历函数中的this也是Dom元素,比如: $( " #testDiv " ).each( function () { alert( this ) });如果我们要使用jQuery的方法操作Dom对象,怎么办? 用上面介绍过的转换方法即可:$("#testDiv").each(function(){$(this).html("修改内容")});

1.jQuery的包装集 $("#testDiv"); Dom 对象 var div = document.getElementById("testDiv");    

Dom转换为jQuery包装集： var domToJqueryObject = $(div);

jQuery包装集转换为Dom：var jqueryObjectToDom = $("#testDiv")[0];

三、管理jQuery包装集

一定不要在页面加载时就改变页面的DOM结构, 比如添加一个元素. 正确的做法是在页面加载完毕后添加或删除元素；元素属性class, 转换为DOM属性后对应className.

1.创建两种新元素的正确方法：

-使用DOM标准创建元素：

var select = document.createElement("select");

select.options[0]=new Option("加载项1"，“value1”);

select.options[1]=new Option("加载项2"，"value2");

select.size="2";

var object = testDiv.applendChild("select");

-使用jquery函数创建元素：

2.将元素绑定到对象上,修改dom结构

在DOM元素解析后，图片资源加载前使用$(document).ready(function)方法

$(document).ready(function(){

testDiv.innerHtml="动态创建元素"

};);等价于简单语法 ：

$( 

function(){

testDiv.innerHtml="动态创建元素"

};);