jquery 笔记

函数 Jquery([selector,[content]]);

1  找到所有 p 元素，并且这些元素都必须是 div元素的子元素。

$(function(){

$("div > p");

});

2 设置页面背景色。

$(document.body).css("background","yellow");

3 隐藏一个表单中所有元素。

$(myform.elements).hide();

4 在文档的第一个表单中，查找所有的单选按钮(即: type 值为 radio 的 input 元素)。

$("input:radio",document.forms[0]);

5 在一个由 AJAX 返回的 XML 文档中，查找所有的 div 元素。

$("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){

注意与下面的区别 例遍数组，同时使用元素索引和内容。

jQuery 代码:

$.each( [0,1,2], function(i, n){

 alert( "Item #" + i + ": " + n );

});描述:

例遍对象，同时使用成员名称和变量内容。

$.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 id="stop">Stop here</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