jQuery基础与常用操作实例

$(window.opener.document.body).children("#lboxTM").append("<option>111</option>");

1. jQuery下载地址:http://code.google.com/p/jqueryjs/downloads/list
   min: 压缩后的jQuery类库,在正式环境上使用
   vsdoc: 在Visual Studio中需要引入此版本的jquery类库才能启用智能感知.
   release包: 里面有没有压缩的jquery代码, 以及文档和示例程序.

2.jQuery包装集是一个集合, 所以可通过索引器访问其中的某一个元素，如var domobj = $("div")[0];
  注意, 通过索引器返回的不再是jQuery包装集, 而是一个Dom对象! jQuery包装集是所有对象的集合。
  在jQuery提供了each()函数用于遍历jQuery包装集, 其中的this指针是一个DOM对象
 
3. Dom转jQuery包装集
   var div = document.getElementById("testDiv"); //这是一个DOM
   var domToJQueryObject = $(div);  //换成jQuery包装集
   说明:jQuery包装集拥有丰富的属性和方法, 这些都是jQuery特有的

4.jQuery包装集转Dom对象
  $("div").each(function() { alert(this.id); $(this).html("修改内容");} );  //这里的this是DOM元素

5.
  







//==================================jQuery基础=============================
1.选择器 

   ///===============基础选择
   <div id="myDiv">code</div> 用 $("#myDiv")   说明:如果id属性值有特殊字符，就用\\进行转义,如#foo\\.bar
   <div class="red">code1</div><span class="red">code2</span> 用 $(".red")
   <div>code1</div><div>code2</div> 用 $("div")
   $("div,span,p.myClass") 是将每一个选择器匹配到的元素合并后一起返回

   ///===============层次选择
   选择CSS类为red的元素中的所有<div>元素 用 $(".red div")
   $(".red>li") 选择CSS类为red元素中的直接子节点<li>对象.
   $("#content+img") 选择id为content元素后面的img对象.
   $("#someDiv~[title]")选择id为someDiv的对象后面所有带有title属性的元素

   ///==============基本过滤器
   $("#tbl tr:first")[0].style.display='none'; //隐藏id为tbl的table的首行，
说明：尾行用":last",奇数行用":even"，偶数行用":odd"。
   $("#tbl tr:eq(2)").each(function() {this.style.background='red';});  //指定特定行
   说明：小于指定行用":lt",大于指定行用":gt"，用法同上
   $(":header").css("background", "#EEE"); // 给页面内所有标题H1,H2,H3等加上背景色

   $("input:not(:checked)");   //查找所有未选中的 input 元素

   ///==============内容过滤器
   $("div:contains('china')").each(function() {this.style.background='red';}); //包含"china"的div元素
   $("#tbl td:empty").each(function() { $(this).html("未填写");});    //":empty"所有不包含子元素或者文本的空元素
   $("div:has(p)").addClass("test");  // 给所有包含 p 元素的 div 元素添加一个 text 类
   $("td:parent")  //所有含有子元素或者文本的 td 元素

   ///=============可见性过滤器
   $("tr:hidden")  //所有不可见的 tr 元素
   $("tr:visible")  //查找所有可见的tr元素