jQuery对象

最新推荐文章于 2025-09-12 14:04:02 发布

转载最新推荐文章于 2025-09-12 14:04:02 发布 · 44 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/endv/p/8196367.html

文章标签：

#javascript #ViewUI

本文通过实例演示了如何使用jQuery和DOM进行页面元素的操作，包括选取元素、修改内容等基本用法。此外还展示了如何利用jQuery简化DOM操作，提高开发效率。

    $(document).ready(function(){
    //第二种获取方法，通过标签的名<h2>Dom来获取
var h1 = document.getElementsByTagName("h1"); // Dom对象
var jOb = $(h1);  //JQuery对象
alert("DOM对象："+h1[0].innerHTML);
alert("jQuery对象："+jOb.html());
//或（也属于第二种）
 var h2 = document.getElementsByTagName("h2")[0]; // Dom对象
 var $jQueryObj = $(h2);  //jQuery对象
 alert("DOM对象："+h2.innerHTML);
 alert("jQuery对象："+$jQueryObj.html());    
 document.write(Date());
 document.getElementById(id).innerHTML=new HTML
 
 // 找到类名为 "h1" 的所有 page_content 的子元素
 var h1 = $(".page_content").children("h1");
//var h1Tag = document.getElementsByTagName("h1"); // Dom对象
var h1num = h1.length;
// var h1Ob = $(h1);  //JQuery对象
if(length>0) {for(i=0;i<=h1num;i++){
    //"DOM对象："+h1[0].innerHTML
        document.getElementById(".timeLink").innerHTML=h1[i].innerHTML;
    }
    
//var i = 10;
for (let i = 0; i < 10; i++) {
    
    
}


console.log(i);


}
    });