JQuery入门到精通教程（二）

1. $.each()：遍历数组、对象、对象数组中的数据
2.$.trim()：去除字符串两边的空格
3.$.type(obj)：得到数据的类型
4.$.isArray(obj)：判断是否是数组
5.$.isFunction(obj)：判断是否是函数
6.$.parseJSON(obj)：解析json字符串转换为js对象/数组

<script type="text/javascript">
      $(function() {
        1对象
        var ob = {"id":"0","name":"彪悍的彪","pas":"123"};
        $.each(ob,function(k,v){
        console.log(k,v)
        });
        2数组
        var ob = ["id","0","name","彪悍的彪","pas","123"];
        $.each(ob,function(k,v){
          // console.log(k,v)
        });
        3对象数组
        var ob = [{"id":"0","name":"彪悍的彪","pas":"123"},{"id":"1","name":"彪悍的彪","pas":"123"}];
        $.each(ob,function(k,v){
          console.log(k,v)
        });
        4去除左右空格
        var aj = "    e   iooi"
        console.log($.trim(aj).length)
        5类型判断
        var kk="”"
        var kk=123.2
        console.log($.type(kk))
        6数组的判断
        console.log($.isArray(ob))
        7函数判断
        console.log($.isFunction(1))
        6.$.parseJSON(obj)：解析json字符串转换为js对象/数组
        var ob = '["id","0","name","彪悍的彪","pas","123"]';
        console.log($.type(ob))//字符串
        var obj = $.parseJSON(ob)
        console.log($.type(obj))//数组
  })
  </script>

1.attr()：获取某个标签属性的值，或设置某个标签属性的值
  2.removeAttr()：删除某个标签属性
  3.addClass()：给某个标签添加class属性值
  4.removeClass():删除某个标签class属性值
  5.prop():和attr()类似，区别在于prop用于属性值为Boolean类型的情况，比如多选
  6.html():获取某一个标签体内容（注意：该标签体中可以包含子标签）
  7.text()：获取某一个标签体内容(注意：该标签体不能包含子标签)
  8.val()：主要用户获取/设置输入框的值

<script type="text/javascript">
      $(function() {
        1获取设置某个标签的值attr
        var img=$("img").attr("src")//获取到标签为img的src属性
        console.log(img)
        var img=$("img").attr({src:"images/男包.jpg"})//设置标签为img的src属性
        console.log(img)
        var img=$("img").attr("title",function(){
          return this.src
        })//设置标签为img的title设置为src
        console.log(img)
        2.removeAttr()：删除某个标签属性
        var p=$("img").removeAttr("src")//删除标签为img的src属性
        console.log(p);
        3.addClass()：给某个标签添加class属性值
        var p=$("div").addClass("pr")//为标签div增加class为pr属性
        console.log(p);
        4.removeClass():删除某个标签class属性值
        var p=$("div").removeClass("protected")//为标签img删除class为protected
        console.log(p);
        5.prop():和attr()类似，区别在于prop用于属性值为Boolean类型的情况，比如多选
        var img=$("img").prop("src")//获取到标签为img的src属性
        console.log(img)
        var img=$("img").prop({src:"images/男包.jpg"})//设置标签为img的src属性
        console.log(img)
        6.html():获取某一个标签体内容（注意：该标签体中可以包含子标签）
        var img=$("p").html()
        console.log(img)
        7.text()：获取某一个标签体内容(注意：该标签体不能包含子标签)
        var img=$("p").text()
        console.log(img)
        8.val()：主要用户获取/设置输入框的值
        var img=$("input").val()
        console.log(img)
        })
    </script>

// 全选框
    $(function() {
        $("#all").click(function() {
          $(".hobby").prop("checked", all.checked) //子复选框随全选狂变化
        });
        // 当自复选框全部选中时全选框才选中
        $(".hobby").click(function() {
          if ($(".hobby:checked").length== $(".hobby").length) {
            $("#all").prop("checked", true)
          } else {
            $("#all").prop("checked", false)
          }
        })
        })