国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jquery與js實現全選功能的區別

2019-11-19 16:22:10
字體:
來源:轉載
供稿:網友

一、jquery常用的事件

click(),dbclick()   

focus(),blur()   

change()   

keydown(),keypress(),keyup() 

mousedown(),mouseup()    mouseenter(),mouseleave()  mouseover(),mouseout()  mousemove()

二、jquery掛事件

$(“p”).bind("事件名稱”,要執行的匿名函數)

$(“p”).unbind("事件名稱”)

三、jquery實現全選功能(重點是屬性用.prop(),不用.attr())

代碼如下:

<!DOCTYPE html><html>  <head>    <meta charset="{utf-8}">    <title></title>    <script src="../jquery-3.2.0.js"></script>  </head>  <body>    <form>      <input type="checkbox" class="all"/>省市<br />      <input type="checkbox" class="a"/>山東      <input type="checkbox" class="a"/>山西      <input type="checkbox" class="a"/>北京      <input type="checkbox" class="a"/>河北      <input type="checkbox" class="a"/>江蘇    </form>  </body></html><script>  $(".all").click(function(){//    alert($(this)[0].checked);//如果選中則返回true;否則返回false    var a= $(this)[0].checked; //dom對象//   alert($(this).prop("checked"));     var a=$(this).prop("checked");//獲取jquery對象//改變子復選框的狀態 用prop代替attr,解決了之前用js寫出現的bug,但是在源代碼中查不到  $(".a").prop("checked",a);   })</script>

對比js全選代碼:{2017-05-03日的詳情見數據訪問(租房子多條件查詢)}

function quanxuan(a,ff){  var ck = document.getElementsByClassName(ff);  if(a.checked)  {    for(var i=0;i<ck.length;i++)    {      ck[i].setAttribute("checked","checked");    }  }  else  {    for(var i=0;i<ck.length;i++)    {      ck[i].removeAttribute("checked");    }  }}</script> 

此外,jquery可以替代js的一切功能,除了settimeout,setinterval

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 旬阳县| 繁峙县| 洪泽县| 淮阳县| 翁牛特旗| 五指山市| 罗定市| 拜泉县| 澄城县| 龙山县| 灵武市| 云安县| 巴青县| 丹东市| 肃宁县| 竹北市| 蒲城县| 平谷区| 军事| 定结县| 枝江市| 潞西市| 沙坪坝区| 黎城县| 黑龙江省| 桂林市| 丹寨县| 于都县| 铁力市| 大连市| 怀远县| 龙岩市| 静安区| 龙海市| 灵石县| 望奎县| 忻城县| 京山县| 忻城县| 蓬莱市| 蓬莱市|