jquery 学习（属性选择实例）

选择表单checkbox  name为 items 的 设置 属性 checked =true

 $('[name=items]:checkbox').attr('checked', true);

 

遍历函数 each

 $.each(obj, fn) 

一个通用的迭代函数，可用于近似地迭代对象和数组。

这个函数与$().each()不同，$().each()是专门用于迭代和执行jQuery对象的函数。而这个函数可以用于迭代任何对象和数组。 这个函数的回调中包含两个参数：第一个是key（对象）或index（数组），第二个是值。

返回值:Object

参数:

• obj (Object): 要重复迭代的对象或数组
• fn (Function): 要在每个对象中执行的函数

 

示例:

这是一个迭代数组中所有项目的例子，通过函数访问了其中的每个项目和索引。

$.each( [0,1,2], function(i, n){ alert( "Item #" + i + ": " + n ); });

示例:

这是一个迭代对象中所有属性的例子，通过函数访问了每个属性的名称和值。

$.each( { name: "John", lang: "JS" }, function(i, n){ alert( "Name: " + i + ", Value: " + n ); });  

过滤函数 fiter(表达式)

保留带有select类的元素

HTML 代码:
<p>Hello</p><p>Hello Again</p><p class="selected">And Again</p>jQuery 代码:
$("p").filter(".selected")结果:
[ <p class="selected">And Again</p> ]

 

判断当前函数是否是

$(this).is('#username')

 

find()

从所有的段落开始，进一步搜索下面的span元素。与$("p span")相同。

HTML 代码:
<p><span>Hello</span>, how are you?</p>jQuery 代码:
$("p").find("span")结果:
[ <span>Hello</span> ]

 

Jquery AJAX

load() ID resText 的元素 附上 test.html

 

$("#resText").load("test.html");

 

$.get()

 

$.post()

 

$(function(){
	   $("#send").click(function(){
			$.post("post1.jsp", { 
						username :  $("#username").val() , //获得表单的值
						content :  $("#content").val()  
					}, function (data, textStatus){
                        $("#resText").html(data); // 把返回的数据添加到页面上
					}
			);
	   })
})
// textStatus ：状态

 

 

 动态加载js

 $(function(){
        $('#send').click(function() {
             $.getScript('test.js');
        });
   }) 

 代码片段2

$(function(){
             $.getScript('http://dev.jquery.com/view/trunk/plugins/color/jquery.color.js',function(){
			      $("<p>加载JavaScript完毕</p>").appendTo("body");
				  $("#go").click(function(){
					   $(".block").animate( { backgroundColor: 'pink' }, 1000)
					              .animate( { backgroundColor: 'blue' }, 1000);
				  });
			 });
   })

//后面一个function是回调函数 加载完毕js后执行 

 

 

$.getJSON

 

 

serialize() 对如很多表单需要提交的时候 一个一个写很麻烦 可以：

<script language="javascript" >
	$(function(){
	   $("#send").click(function(){
			var $data =  $(":checkbox,:radio").serialize();
            alert( $data );
	   })
	})
</script>

 

提交类型为checkbox 和 radio 类型 病序列化 

alert弹出的形式为 选中的"name=value"

check=1&check=2

 

提交所有form

$(function(){
	   $("#send").click(function(){
			$.post("get1.jsp", $("#form1").serialize() , function (data, textStatus){
                        $("#resText").html(data); // 把返回的数据添加到页面上
					}
			);
	   })
	})