<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery 01 simples</title>
<script src="js/jquery-1.12.1.js" type="text/javascript"></script>
<script type="text/javascript">
function test(){
//console.log($);
//console.log(jQuery);

/**
* 原生的DOM对象
*
* jQuery对象：对原生对象进行包装
*
*
* 转换：如果是jquery对象转换为dom对象 jquery.get(0) jquery[0]
*
* 如果是原始的dom对象转换为jquery对象 $(dom) jQuery(dom)
*
* @type {NodeList}
*/
$("h1").remove();
var h1s = document.getElementsByTagName("h1");
for(var i=0;i<h1s.length;i++){
var h1 = h1s[i];
h1.parentNode.removeChild(h1);
}
}

/**
* onload函数和自执行函数的区别
*
* onload:是将页面加载完成以后再执行相应的函数 此时 页面的各个内容已经初始化完成
*
* 自执行函数：只要解析到 就会执行 而不会管你页面是否初始化完成
*
*/

/*(function(){
console.log("init....");
var h1s = document.getElementsByTagName("h1");
for(var i=0;i<h1s.length;i++){
var h1 = h1s[i];
h1.parentNode.removeChild(h1);
}
})();*/

window.onload = function(){
console.log("init....");
var h1s = document.getElementsByTagName("h1");
console.log(h1s.length)
for(var j=h1s.length-1;j>=0;j--){
var h1 = h1s[j];
h1.parentNode.removeChild(h1);
}
}
window.onload = function(){
console.log("init1....");
}

/*window.onload = function(){
test();

}*/

</script>
</head>
<body>
<input type="button" value="test" onclick="test();">
<hr>
<div>
<span>this is a span in div 1</span><span>this is a span in div 2</span><span>this is a span in div 3</span><span>this is a span in div 4</span>
<h1>this is a h1</h1>
<h1>this is a h1</h1>
<h1>this is a h1</h1>
<h1>this is a h1</h1>
</div>
</body>
</html>

onload函数和自执行函数的区别(jquery API网址:http://jquery.cuishifeng.cn/)的更多相关文章

  1. 关于T-SQL重编译那点事，内联函数和表值函数在编译生成执行计划的区别

    本文出处:http://www.cnblogs.com/wy123/p/6266724.html 最近在学习 WITH RECOMPILE和OPTION(RECOMPILE)在重编译上的区别的时候,无 ...

  2. 菜刀(代码执行)函数和命令执行函数详解及Getshell方法

    i春秋作家:大家奥斯的哦 原文来自:https://bbs.ichunqiu.com/thread-41471-1-1.html 代码执行函数 VS 命令执行函数 一直想整理这两块的内容,但是一直没时 ...

  3. 【随笔】菜刀(代码执行)函数和命令执行函数详解及Getshell方法

    代码执行函数 VS 命令执行函数 一直想整理这两块的内容,但是一直没时间弄,直到前两天碰上一个写入了菜刀马但是死活连不上菜刀的站,顿时不知道怎么继续了,所以就趁这个机会整理了一下代码执行函数怎么get ...

  4. 深入理解，函数声明、函数表达式、匿名函数、立即执行函数、window.onload的区别.

    一.函数声明.函数表达式.匿名函数1.函数声明:function fnName () {…};使用function关键字声明一个函数,再指定一个函数名,叫函数声明. 2.函数表达式 var fnNam ...

  5. JavaScript 函数声明，函数表达式，匿名函数，立即执行函数之区别

    函数声明:function fnName () {-};使用function关键字声明一个函数,再指定一个函数名,叫函数声明. 函数表达式 var fnName = function () {-};使 ...

  6. JS进阶之---函数，立即执行函数

    一.函数 函数声明.函数表达式.匿名函数 函数声明:使用function关键字声明一个函数,再指定一个函数名,叫函数声明.function name () { … } 函数表达式:使用function ...

  7. 立即执行函数（自执行函数） IIFE

    // 最常用的两种写法 (function(){ /* code */ }()); // 老道推荐写法 (function(){ /* code */ })(); // 当然这种也可以 // 括号和J ...

  8. JavaScript--函数、匿名函数和自执行函数详解

       函数的声明及调用 1.函数的声明格式:        function 函数名([参数1],[参数2],.....){          //函数体代码          [return 返回值 ...

  9. JS 匿名函数或自执行函数总结

    JS引擎在遇到function关键字时做如下两种处理: 1.当语句是以function关键字开头:此时的JS语句解释为函数声明,因此function关键字后面必须要跟函数名字,如果写成匿名函数,则会报 ...

随机推荐

  1. 如何通过eclipse查看、阅读hadoop2.4源码

    问题导读:1.官网src包下载包,能否直接使用?2.如何跟踪和查看hadoop源码? 此篇是从零教你如何获取hadoop2.4源码并使用eclipse关联hadoop2.4源码基础上的一个继续,上文其 ...

  2. 常用ES6语法

    <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>& ...

  3. c++重在运算符前置自增和后置自增

    class student { int age; }; int main() { class student stu; (stu++)++;//error ++(stu++);//error stu+ ...

  4. 【转载】Leaflet 中文api

    L.Map API各种类中的核心部分,用来在页面中创建地图并操纵地图. 使用 example // initialize the map on the "map" div with ...

  5. 在Mac下配置php开发环境：Apache+php+MySql (卡在 给mysql 设置不了账号密码)

    https://my.oschina.net/joanfen/blog/171109#OSC_h4_3 cmd 进入mysql的方法

  6. app的apk 安装的方法--adb--命令安装 (含把apk放某个文件夹，每次启动自己安装)

    adb安装 1.在app自动化之前,首先手机上有要被测试的app,如何把电脑本地上的app安装到手机上呢?可以在运行自动化代码前,在cmd输入adb指令,把电脑app安装到手机上 adb instal ...

  7. mysql索引之一：索引基础（B-Tree索引、哈希索引、聚簇索引、全文(Full-text)索引区别）（唯一索引、最左前缀索引、前缀索引、多列索引）

    没有索引时mysql是如何查询到数据的 索引对查询的速度有着至关重要的影响,理解索引也是进行数据库性能调优的起点.考虑如下情况,假设数据库中一个表有10^6条记录,DBMS的页面大小为4K,并存储10 ...

  8. 准确计算Java中对象的大小

    由于在项目中需要大致计算一下对象的内存占用率(Hadoop中的Reduce端内存占用居高不下却又无法解释),因此深入学习了一下如何准确计算对象的大小. 使用system.gc()和java.lang. ...

  9. 20181122_C#中AOP_使用Unity实现AOP

    一.   使用Unity的AOP实现 a)         整体项目截图: b) 添加Unity的Nuget包, 直接使用最新版就行, 需要添加两个 Unity 和 Unity.Interceptio ...

  10. Hibernate 一对一、一对多、多对多注解mappedBy属性的总结

    mappedBy: 所填内容必为本类在另一方的字段名. 表示:本类放弃控制关联关系,所有对关联关系的控制,如:建立.解除与另一方的关系,都由对方控制,本类不管.举个例子: Teacher和Studen ...