码迷,mamicode.com
首页 > Web开发 > 详细

PHP-------- JQUERY方式

时间:2016-06-21 01:11:38      阅读:259      评论:0      收藏:0      [点我收藏+]

标签:

 

  JQUERY方式

 

      1.根据ID取元素,Jquery对象

 

      var div = $("#one");

 

      2.根据class取

 

      var div = $(".test");

 

      3.根据属性取

 

      var bd = $("[bs=‘aa‘]");

 

      4.根据标签名取

 

      var div = $("div");

 

      5.组合选取

 

      var div = $("div span");

 

     

 

     

 

      操作内容

 

      1.非表单元素

 

      alert(div.text());

 

      div.text("aaaa");

 

      div.html();

 

      2.表单元素

 

      div.val("aaa");

 

     

 

      操作属性

 

      div.attr("test","aa");

 

      div.removeAttr("test");

 

      div.attr("test");

 

     

 

      操作样式

 

      div.css("background-color","yellow");

 

      alert(div.css("color"));

 

     

 

      操作元素

 

      var str = "<div id=‘a‘ style=‘width:100px; height:100px; </div>";

 

     

 

      div.append(str); //追加元素

 

      $("#a").remove(); //移除某个元素

 

     

 

      $(".test").click(function(){

 

           alert($(this).text());

 

          

 

           })

 

 

 

JS方式

      1.根据ID取元素,DOM对象

      var div = document.getElementById("one");

      2.根据class取元素

      var div = document.getElementsByClassName("test");

      3.根据name取

      var bd = document.getElementsByName("uid");

      4.根据标签名取

      var div = document.getElementsByTagName("div");

     

      操作内容

      1.非表单元素

      alert(div.innerText);

      div.innerText = "aaaa";

      div.innerHTML;

      2.表单元素

      div.value

     

      操作属性

      div.setAttribute("","");

      div.removeAttribute("");

      div.getAttribute("");

     

      操作样式

      div.style.backgroundColor = "red";

      alert(div.style.color);只能获取内联样式

     

      在数组里面如果要取DOM对象使用索引的方式,如果要取Jquery对象使用eq()

PHP-------- JQUERY方式

标签:

原文地址:http://www.cnblogs.com/yuyu1993/p/5602232.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!