01JQuery笔记-------------------------DOM和jquery中页面加载方法和顺序

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <script src="jquery-1.8.3.js"></script>
    <script type="text/javascript">
        //页面中的元素加载完了,他发生在jquery的ready事件后面
        //下面连个事件只有第二个事件会发生
        onload = function () {
            alert(‘dom中的页面加载‘);
        };
        //===============================================4
        window.onload = function () {
            alert(‘DOM中的页面加载‘);
        };
        //页面中元素准备好了。
        //第一种===============================================1
        jQuery(document).ready(function () {
            alert(‘jquery中的页面加载‘)
        });
        //第二种===============================================2
        $(document).ready(function () {
            alert(‘jquery中的第二种页面加载方式‘);
        });
        //第三种.是这边所有方法中最后执行的==========================5
        $(window).load(function () {
            alert(‘jquery中的第三种页面加载方式,注意方法前面的on要去掉‘)
        });
        //最简单的写法===============================================3
        $(function () {
            alert(‘嘴简单的写法‘)
        });

    </script>
</head>
<body>

</body>
</html>

  

时间: 2024-10-14 12:37:29

01JQuery笔记-------------------------DOM和jquery中页面加载方法和顺序的相关文章

JavaScript之jQuery-4 jQuery事件(页面加载后执行、事件处理、事件冒泡、事件对象、模拟操作)

一.jQuery 页面加载后执行 代码执行的时机选择 - $(document).ready()方法和 window.onload事件具有相似的功能,但是在执行时机方面是有区别的 - window.onload 事件是在网页中所有的元素(包括元素的所有关联文件)完全加载到浏览器后才执行 - $(document).ready()方法注册的事件处理程序,在DOM完全加载后就可以调用 - 一般来讲, $(document).ready()的执行要优于window.onload事件 - 需要注意的是,

js数据显示在文本框中(页面加载显示和按钮触动显示)

web代码如下: <!DOCTYPE html> <html> <head> <title>jsTest02.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is

Jquery 在页面加载后执行的几种方式

这篇文章主要介绍了Jquery 在页面加载后执行的几种方式,需要的朋友可以参考下 方式1: $(function(){ initPublish(); }); 说明: initPublish() 即为你要运行的JS函数:这段代码,放在页面最低端. 方式2: $(document).ready(function () { // add your code here initPublish(); $(.a).click( function (){ // add your code here }); }

jQuery Mobile页面加载机制及页面跳转出现的问题

实习也半个多月了,断断续续做了一些事情,虽然一开始有一些不开心,但是随着慢慢的了解感觉自己也是在慢慢的成长,也在慢慢的学习,很开心也很满足,希望可以一直这样下去. 今天遇到了一个问题,主要就是我们公司首页的一个图片轮播的效果有一些问题:就是进入主页的时候,图片轮播正常,但是当我进入到其他页面的时候,点击其中的home按钮回到主页面的时候,图片的轮播功能就不行了,由于我们的系统使用jQuery Mobile做的,而且这个东西我也就接触才半个月(当初进公司的时候才学的),所以很多东西都不知道,也不了

js中页面加载完成后执行的几种方式及执行顺序

在js和jquery使用中,经常使用到页面加载完成后执行某一方法.通过整理,大概是五种方式(其中有的只是书写方式不一样). 1:使用jQuery的$(function){}; 2:使用jquery的$(document).ready(function(){});前两者本质上没有区别,第1种是第2种的简写方式.两个是document加载完成后就执行方法. 3:使用jQuery的$(window).load(function(){}); 4:使用window.onload = function(){

ASP.NET中页面加载时文本框(texbox控件)内有文字获得焦点时文字消失

代码如下: <asp:TextBox ID="TextBox1" runat="server" Height="26px" MaxLength="10" Width="166px" Text="请输入用户名" OnFocus="javascript:if(this.value=='请输入用户名') {this.value='';this.style.color='#000

jquery中的页面加载方法load()

load方法会在元素的onload事件中绑定一个处理函数,如果处理函数绑定给window对象,则会在所有内容(包括窗口,框架,对象和图片等)加载完毕后触发, 如果处理函数绑定在元素上,则会在元素的内容加载完毕后触发, window.load(function(){ //编写代码 }) 等价于 window.onload=function(){ //编写代码 }

jQuery中ajax加载文本

原文来自: http://www.sharejs.com/codes/javascript/9063 ajax() 方法通过 HTTP 请求加载远程数据. 该方法是 jQuery 底层 AJAX 实现.简单易用的高层实现见 $.get, $.post 等.$.ajax() 返回其创建的 XMLHttpRequest 对象.大多数情况下你无需直接操作该函数,除非你需要操作不常用的选项,以获得更多的灵活性. 最简单的情况下,$.ajax() 可以不带任何参数直接使用. 通过 AJAX 加载一段文本:

Jquery中ajax加载提示插件blickUI

BlockUI 插件是用于进行AJAX操作时模拟同步传输时锁定浏览器操作.当它被激活时,它会阻止使用者与页面(或页面的一部分)进行交互,直至它被取消. BlockUI以在DOM中添加元素的方法来实现阻止用户与浏览器交互的外观和行为. 这个插件的用法很简单. 1 阻止用户与页面交互: $.blockUI(); 2 自定义提示信息: $.blockUI({ message: '<h1><img src="busy.gif" /> Just a moment...&l