jQuery02--工具&属性&CSS

                                             工具方法

$.each()	遍历数组、对象、对象数组中的数据	$.each( [0,1,2], function(i, n){ alert( "Item #" + i + ": " + n ); }); 遍历对象 $.each( { name: "John", lang: "JS" }, function(i, n){ alert( "Name: " + i + ", Value: " + n ); });
$.trim()	去除字符串两边的空格	$.trim(" hello, how are you? ");
$.type(obj)	得到数据的类型	jQuery.type(true) === "boolean" jQuery.type(3) === "number" jQuery.type("test") === "string" jQuery.type(function(){}) === "function" jQuery.type([]) === "array" jQuery.type(new Date()) === "date" jQuery.type(/test/) === "regexp"
$.isArray(obj)	判断是否是数组	alert($('标签').toArray());
$.isFunction(obj)	判断是否是函数	function stub() { } var objs = [ function () {}, { x:15, y:20 }, null, stub, "function" ]; jQuery.each(objs, function (i) { var isFunc = jQuery.isFunction(objs[i]); $("span:eq( " + i + ")").text(isFunc); });
$.parseJSON(obj)	解析json字符串转换为js对象/数组	var obj = jQuery.parseJSON('{"name":"John"}'); alert( obj.name === "John" );

---

                                      jQuery属性和CSS

属性

attr()	获取某个标签属性的值，或设置某个标签属性的值	返回文档中所有图像的src属性值 $("img").attr("src"); 为所有图像设置src和alt属性。 $("img").attr({ src: "test.jpg", alt: "Test Image" }); 为所有图像设置src属性。 $("img").attr("src","test.jpg"); 把src属性的值设置为title属性的值。 $("img").attr("title", function() { return this.src });
removeAttr()	删除某个标签属性	$("img").removeAttr("src");
addClass()	给某个标签添加class属性值	$("p").addClass("selected"); $("p").addClass("selected1 selected2");
removeClass()	删除某个标签class属性值	从匹配的元素中删除 'selected' 类 $("p").removeClass("selected"); 删除匹配元素的所有类 $("p").removeClass(); 删除最后一个元素上与前面重复的class $('li:last').removeClass(function() { return $(this).prev().attr('class'); });
prop()和attr()	区别在于prop用于属性值为Boolean类型的情况，比如多选	选中复选框为true，没选中为false $("input[type='checkbox']").prop("checked"); 禁用页面上的所有复选框。 $("input[type='checkbox']").prop({ disabled: true }); 禁用和选中所有页面上的复选框。 $("input[type='checkbox']").prop("disabled", true); $("input[type='checkbox']").prop("checked", true); 通过函数来设置所有页面上的复选框被选中。 $("input[type='checkbox']").prop("checked", function( i, val ) { return !val; });
html()	获取某一个标签体内容（注意：该标签体中可以包含子标签）	返回p元素的内容。 $('p').html(); 设置所有 p 元素的内容 $("p").html("Hello <b>world</b>!"); 使用函数来设置所有匹配元素的内容。 $("p").html(function(n){ return "这个 p 元素的 index 是：" + n; });
text()	获取某一个标签体内容(注意：该标签体不能包含子标签)	返回p元素的文本内容。 $('p').text(); 设置所有 p 元素的文本内容 $("p").text("Hello world!"); 使用函数来设置所有匹配元素的文本内容。 $("p").text(function(n){ return "这个 p 元素的 index 是：" + n; });
val()	主要用户获取/设置输入框的值	获取文本框中的值 $("input").val(); 设定文本框的值 $("input").val("hello world!"); 设定文本框的值 $('input:text.items').val(function() { return this.value + ' ' + this.className; }); 设定一个select和一个多选的select的值 $("#single").val("Single2"); $("#multiple").val(["Multiple2", "Multiple3"]); $("input").val(["check2", "radio1"]);

CSS

获取样式值：css("样式名")

设置单个样式：css("样式名","样式值")

设置多个样式：css({"样式名"："样式值"，"样式名"："样式值"})