$(function(){
//定义数组
var s = ["a","b","c","d"];
//定义对象 键值对:{"键/对象属性","值"};
var p = {"name":"小呆呆","sex":"男","age":12}
//定义数组对象
var darray = [{"name":"小呆呆","sex":"女","age":12,"name":"呆呆","sex":"男","age":13,"name":"大呆呆","sex":"男","age":14}]
//遍历数组
// $.each(s,function(i,v){
// console.info(i+"_"+v);
// })
//遍历对象
// $.each(p,function(k,v){键值对
// console.info(k+"_"+v);
// })
//遍历对象数组
// $.each(darray,function(i,v){
// console.info(v.name+"_"+v.age)
// })
var a = " a ";
var b = 'b';
var c = true;
var d = 11.1;
var e = [1,2,3,1];
var f = {"name":"张三"};
//判断数据类型
console.info("a:"+$.type(a));
console.info("b:"+$.type(b));
console.info("c:"+$.type(c));
console.info("d:"+$.type(d));
console.info("e:"+$.type(e));
console.info("f:"+$.type(f));
//去除空格
$.trim(a);
//判断是否是数组
console.info($.isArray(a));
//判断是否是方法
console.info($.isFunction(a));
//JSON技术
var darray1 = '[{"name":"小呆呆","sex":"女","age":12,"name":"呆呆","sex":"男","age":13,"name":"大呆呆","sex":"男","age":14}]'
console.info($.parseJSON(darray1));
// <!--
// 1.attr():
// 1.1获取id为sa的img元素的src属性值。
console.info($("#sa").attr("src"))
// 1.2动态的给a元素设置href属性值。
$("a").attr("href","https//:www.baidu.com");
// 2.removeAttr():移除“百度”的超链接属性。
$("a").removeAttr('href');
// 3.addClass():给a标签添加一个sb类名。
$("a").addClass("sb");
// 4.removeClass():删除a标签的sb类名。
$("a").removeClass("sb");
// 5.prop():给a标签添加一个name属性。
$("a").prop("name","na");
// 6.案例:全选和取消全选。
// 7.html()、text()、val():
// 7.1通过text()属性获取span标签里的内容。
var sa = $("#sa").text();
// 7.2通过text()重新设置span标签里的内容。
var sa = $("#sa").text("新内容");
// 7.3通过html()属性获取body标签里的内容。
var st = $("body").html();
// 8.案例:使用jQuery属性优化表格隔行换色案例。
$("#qx").click(function(){
var cas = $(".sa");
$.each(cas,function(i,v){
// $(v).attr("checked",true);
$(v).prop("checked",true);
})
})
$("#fx").click(function(){
var cas = $(".sa");
$.each(cas,function(i,v){
// $(v).attr("checked",true);
$(v).prop("checked",false);
})
})
// -->
});
JQuery的属性
最新推荐文章于 2024-06-17 13:56:54 发布