jquery概述

#jquery概述
      jquery是一款免费且开放源代码的javascript代码库,引入了全新的Dom选择器引擎
      同时提供Ui库组件
      jquery优点:
      1. 轻量级
      2. 强大的DOM选择器,简化javascript和ajax开打
      3. 解决不同浏览器带来的兼容器
      4. 提供UI组件,让页面开发更方便

###jquery对象和dom对象互换
     dom转为jquery:
      var obj =
      document.getElementById("div1");
        //dom对象转化为jquery
       var jq = $(obj);
       alert(jq.html());
     jquery转为dom:
       var jq = $("#div1");
       var obj = $(jq)[0];
       alert(obj.innerHTML);

###jquery 元素选择器
    按标记名称查找元素:
        dom:  var div1=document.getElementById("div1");
           div1.getElementsByTagName("label");
        jquery:  var msg = $("#div1 label");
              var msg =$("#div1").find("label")
    取得数据第几个元素,返回dom对象
        alert("$div1 label")[1].innerHTML);
    数组长度:
      alert($("#div1 label").size());
    遍历数组:
      $("#div1 label").each(function (index,data){

        index为循环变量,data为数组中的DOM元素
          //得到原始DOM对象
         alert(this.innerHTML);
})
###jquery元素设置
    设置、获得标签中的内容(相当于innerHMTL)
      $("#div1").html("<p>aaa</p>")//设置内容
      alert($("#div1").html());//获得内容
    设置、获得value值
      $("#userName").val("张三");//设置val值
      alert($("#userName").val());//获得value值
    显示、隐藏元素
      $("p").show("slow");//附加动画,显示元素
      $("p").hide("slow");''附加动画,隐藏元素

###jquery取消事件
      取消对象中所有事件
      $("p").unbind();
      取消对象所有的点击事件
      $("p").unbind('click');
      取消对象中某一个点击事件
      $("p").unbind('click',fun)


单选框和复选框判断是否选中:checked
列表框和下拉框判断是否选中:selected
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值