函数 Jquery([selector,[content]]);
1 找到所有 p 元素，并且这些元素都必须是 div元素的子元素。
$(function(){
$("div > p");
});
2 设置页面背景色。
$(function(){
$(document.body).css("background","yellow");
});
3 隐藏一个表单中所有元素。
$(function(){
$(myform.elements).hide();
});
4 在文档的第一个表单中，查找所有的单选按钮(即: type 值为 radio 的 input 元素)。
$(function(){
$("input:radio",document.forms[0]);
});
5 在一个由 AJAX 返回的 XML 文档中，查找所有的 div 元素。
$(function(){
$("div",xml.responseXML);
});
jQuery(html,[ownerDocument]);
$("<div><p>hello</p></div>").appendTo("body");
$("<input type='checkbox'>");
$("<div>",{
"class":"test",
"text":"Click me!",
click: function(){
$(this).toggleClass("test");
}
}).appendTo("body");
//创建一个 <input> 元素，同时设定 type 属性、属性值，以及一些事件。
<!--- 错误提醒 -->
//这个地方一定要记得是写成$("<input>",{}).appendTo("body");而不是 $("input",{}).appendTo("body");
是appendTo("body") 不是appendTo(body);
一开始写成了 class:test, 忘记了双引号 应该是class:"text" 下次看到：要记得思考是否有双引号
$.holdReady(true);
$.getScript("min.js",function(){
$.holdReady(false);
});
以每一个匹配的元素作为上下文来执行一个函数。
each();
<img />< img/>
//错误的写法 把i的位置放错了
$("img").each(i,function(){
this.src="text"+i+".jpg";
});
应该是
$().each(callback)里面就只能写函数了
$("img").each(function(i){
this.src="text"+i+".jpg";
});
注意与下面的区别 例遍数组，同时使用元素索引和内容。
jQuery 代码:
$.each( [0,1,2], function(i, n){
alert( "Item #" + i + ": " + n );
});描述:
例遍对象，同时使用成员名称和变量内容。
jQuery 代码:
$.each( { name: "John", lang: "JS" }, function(i, n){
alert( "Name: " + i + ", Value: " + n );
});
var data={ name: {sex:"nan",list:[{"a1":"a1","a2":"a2"},{"a1":"a1","a2":"a2"}]}};
data1=data.response.name;
$.each(data1,funcion(i){
var list=data1[i][list];
});
});
你可以使用 '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>
$("button").click(function(){
$("div").each(function(i,domEle){
//domEle==this
$(domEle).css("background","red");
//这个地方不是==而是is()函数 这样写是错误的$(this).is($("#stop")) 而是$(this).is("#stop")
if($(this).is("#stop")){
$("span").text("我停在第"+(i+1)+"个div");
//要记得是 return false 不是return
return false;
}
});
});
<img src="test1.jpg"/> <img src="test2.jpg"/>
$("img").size(); 2
