jquery 笔记


函数 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
 

作者：chen.yu
深信服三年半工作经验，目前就职游戏厂商，希望能和大家交流和学习,
微信公众号：编程入门到秃头 或扫描下面二维码
零基础入门进阶人工智能(链接)