jQuery02（$工具方法&属性&css）

$工具方法

$each()

用来遍历数组、对象、对象数组中的数据

<!-- 引入外部js=jQquery的类库 -->
		<script src="js/jquery-3.3.1.js" type="text/javascript" charset="utf-8"></script>
		<!-- 另起一个javescript -->
		<script type="text/javascript">
    //定义数组
    var ns=["aa","bb","cc","dd"];
    //遍历数组
    $.each(ns,function(i,n){//i指下标 n指元素
        console.info(n);//F12  控制台输出
    })

    //定义对象
    var a={"name":"小小","age":18};//采用一个键对应一个值的方式
    //遍历对象第一种方法：
    $.each(a,function(k,v){
        console.info(a.name,a.age);
    })

    //第二种：
    console.info(a.name,a.age);

    //定义对象数组
    var ss=[{"name":"小红","age":18},{"name":"小明","age":19}];
    //遍历对象数组
    $.each(ss,function(i,s){
        $(s,function(k,v)){
        console.info(v);
        })
    })
</script>

$trim()的使用：

用来去除字符串两边的空格

<!-- 引入外部js=jQquery的类库 -->
		<script src="js/jquery-3.3.1.js" type="text/javascript" charset="utf-8"></script>
		<!-- 另起一个javescript -->
		<script type="text/javascript">
            var str="    aa    ";
            //不确定有没有去除空格可以在控制台打印一下长度
            console.info(str.length);//10
            console.info($.trim(str).length);//2
        </script>

$.type(obj):

得到数据的类型

<!-- 引入外部js=jQquery的类库 -->
		<script src="js/jquery-3.3.1.js" type="text/javascript" charset="utf-8"></script>
		<!-- 另起一个javescript -->
		<script type="text/javascript">
            console.info($.type(1)) // number类型

            console.info($.type("aa")) //字符串类型

            console.info($type(new date())) //日期

            var ns=["aa","bb","cc"];
            console.info($.type(ns))//数组：array

            var n={"name":"小明","age":18};
            console.info($.type(n));//对象：object
        </script>

$.isArray(obj)

判断是否是数组，如果是数组  true

<!-- 引入外部js=jQquery的类库 -->
		<script src="js/jquery-3.3.1.js" type="text/javascript" charset="utf-8"></script>
		<!-- 另起一个javescript -->
		<script type="text/javascript">   
            //定义对象数组
            var ss=["aa","bb","cc"];
            console.info($.isAyyay(ss));//true
        </script>

是否是函数：$.function(obj)

$.parseJSON(obj)：

解析json字符串转为js对象/数组

<!-- 引入外部js=jQquery的类库 -->
		<script src="js/jquery-3.3.1.js" type="text/javascript" charset="utf-8"></script>
		<!-- 另起一个javescript -->
		<script type="text/javascript">
        //解析对象字符串
         var n='{"name":"小明","age":18}';
         console.info($.type(n))//string
         var a = $.parseJSON(n);
         console.info($.type(a));//object
        </script>

 jQuery属性

attr():获取某个标签属性的值，设置某个标签属性的值

removeAttr():删除某个标签属性

addClass():给某个标签添加class属性值

removeClass():删除某个标签的class属性值

prop()与attr()的区别：

prop语法和attr()类似，区别在于prop多用于属性值为boolean类型的情况

html()  text()  val()的区别

text() - 设置或返回所选元素的文本内容

html()-取文本内容会把标签也打印出来

val()-设置或返回表单字段的值

css

单个属性:

元素.css("属性名","属性值");

多个属性:

元素.css({"属性名":"属性值","属性名":"属性值"})  多个属性小括号套花括号，用逗号隔开