JQuery文档学习-1

$("div", xml.responseXML); 
在一个由 AJAX 返回的 XML 文档中，查找所有的 div 元素。
$("div > p"); //找到所有p元素，且这些p元素都是div的子元素
$("input.radio","document.forms[0]")  // 在文档的第一个表单中，查找所有的单选按钮(即: type 值为 radio 的 input 元素)。
语法  JQuery(expression,content);  expression:想要获取到的对象，context对象查找的范围
****************************************
.创建元素
$("<div><p>好好工作，赚钱养家</p></div>").appendTo("body")
$("<div>", {
 "class": "test",
 text: "Click me!",
 click: function(){
   $(this).toggleClass("test");
  }
}).appendTo("body");//创建元素，并赋予其某些属性，及事件。
$("<input>", {
    type: "text",    
    val: "Test",    
    focusin: function() {
        $(this).addClass("active");
    },    
    focusout: function() {
      $(this).removeClass("active");    
    }  
}).appendTo("form");
***************************************
jQuery(document) 将dom对象封装成jQuery对象，也可以接收XML文档和Window对象。
$(function(){}); 文档就绪后完成的事情 等同于：$(document).ready()；
***************************************
JQuery对象访问：
以每一个匹配的元素作为上下文来执行一个函数。意味着，每次执行传递进来的函数时，函数中的this关键字都指向一个不同的DOM元素（每次都是一个不同的匹配元素）。而且，在每次执行函数时，都会给函数传递一个表示作为执行环境的元素在匹配的元素集合中所处位置的数字值作为参数（从零开始的整形）。返回 'false' 将停止循环 (就像在普通的循环中使用 'break')。返回 'true' 跳至下一个循环(就像在普通的循环中使用'continue')。


$("img").each(function(i){
   this.src = "test" + i + ".jpg";
//this在这里指代dom对象，而非jquery对象    如果你想得到 jQuery对象，可以使用 $(this) 函数。 




用return 跳出each
--------html代码
<button>Change colors</button>
<span></span> 
<div></div> 
<div></div>


<div></div> 
<div></div>
<div id="stop">Stop here</div> 
<div></div>


<div></div>
<div></div>
                                               
--------js代码
$("button").click(function () { 
$("div").each(function (index, domEle) { 
 // domEle == this 
 $(domEle).css("backgroundColor", "yellow");  
 if ($(this).is("#stop")) { //判断id是否是stop
 $("span").text("Stopped at div index #" + index); 
 return false; 
 } 
});
});


jQuery 对象 size() 返回对象元素的个数。与length一致； size() 方法，length属性。


get() 取得所有匹配的dom元素集合。 $("img").get()
get(index) 取得第index个dom元素 。 $("img").get(0) 与 $("img")[0] 等价
index(subject) 搜索匹配的元素，并返回它的index值。


-------html代码
<ul>
    <li id="foo">foo</li>
    <li id="bar">bar</li>
    <li id="baz">baz</li>  
</ul>
--------js代码
$('li').index(document.getElementById('bar')); 
//1，传递一个DOM对象，返回这个对象在原先集合中的索引位置
$('li').index($('#bar')); 
//1，传递一个jQuery对象  
$('li').index($('li:gt(0)')); 
//1，传递一组jQuery对象，返回这个对象中第一个元素在原先集合中的索引位置  
$('#bar').index('li'); 
//1，传递一个选择器，返回#bar在所有li中的做引位置  
$('#bar').index(); //1，不传递参数，返回这个元素在同辈中的索引位置。