Window.onload=function(){

//页面加载,不能同时编写多个，最后面的会覆盖前面的

}

 

$(document).ready(function(){

//页面加载,能同时编写多个

});

相当于

$(function(){

//页面加载,能同时编写多个9

});

 

$(“#foo”).html()

相当于

Document.getElementById(“foo”).innerHTML;

Jquery对象转换成dom对象

第一种方法：

Var $cr=$(“#cr”);//jquery对象

Var cr=$cr[0];//dom对象

Alert (cr.checked);

第二种方法,通过get方法

Var $cr=$(“#cr”);//jquery对象

Var cr=$cr.get(0);//dom对象

Alert (cr.checked);

Dom对象转换成jquery对象用 $( ) 把对象包装起来

var cr=document.getElementById(“cr”);//获取dom对象

var $cr=$(cr);   //jquery对象

jquery如果和prototype 类库有冲突，jquery的$用jquery代替

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>冲突解决1</title>

<!-- 引入 prototype -->

<script src="prototype-1.6.0.3.js" type="text/javascript"></script>

<!-- 引入 jQuery -->

<script src="jquery-1.3.1.js" type="text/javascript"></script>

</head>

<body>

<p id="pp">test---prototype</p>

<p >test---jQuery</p>

<script type="text/javascript">

jQuery.noConflict();                          //将变量$的控制权让渡给prototype.js

jQuery(function(){                                   //使用jQuery

jQuery("p").click(function(){

        alert( jQuery(this).text() );});

});

$("pp").style.display = 'none';           //使用prototype

</script>

</body>

</html>

 

 

 

 

 

第二种方法

<body>

<p id=“pp”>测试prototype</p>

<p >测试jQuery</p>

<script type="text/javascript">

var $j = jQuery.noConflict();             //自定义一个比较短快捷方式，定义$j代替$

$j(function(){               //使用jQuery

$j("p").click(function(){

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

});

});

$("pp").style.display = 'none';           //使用prototype

</script>

</body>

 

如果 jQuery在其他库之前导入

如果jQuery在其他库之前就导入了，那么不用使用jQuery.noConflict函数，可直接使用jQuery或他的快捷方式$ 来工作了

jq页面加载问题的更多相关文章

  1. jq页面加载分割截图

    <script> $(document).ready(function() { if (!Array.prototype.forEach) { Array.prototype.forEac ...

  2. jq常用事件（on,blur,focus,change）,js/jq等待图片(页面)加载完毕事件,js读取文件

    jq常用事件(on,blur,focus,change) // 方法一(推荐) $('.box').on( "click",function() {} ) $('.box').on ...

  3. JS实现页面加载完毕之前loading提示效果

    1.获取浏览器页面可见高度和宽度 var _PageHeight = document.documentElement.clientHeight, _PageWidth = document.docu ...

  4. fakeLoader页面加载前loading演示8种效果

    提高用户体验的插件fakeLoader页面加载前loading演示8种效果 在线预览 下载地址 示例代码 <div id="main"> <div class=& ...

  5. JS 页面加载触发事件 document.ready和window.onload的区别

    document.ready和onload的区别——JavaScript文档加载完成事件页面加载完成有两种事件: 一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件): 二是onlo ...

  6. JS 页面加载触发事件 document.ready和onload的区别（转）

    原博地址:http://blog.163.com/zhaoyanping_1125/blog/static/20132915320111129113723710/ * document.ready和o ...

  7. jQuery模拟页面加载进度条

    因为我们无法通过任何方法获取整个页面的大小和当前加载了多少,所以想制作一个加载进度条的唯一办法就是模拟.那要怎么模拟呢? 我们知道,页面是从上往下执行的,也就是说我们可以大致估算出在页面的某个位置加载 ...

  8. jQuery 页面加载事件

    页面加载完成有两种事件,一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件),二是onload,指示页 面包含图片等文件在内的所有元素都加载完成.(可以说:ready 在onload ...

  9. JS 页面加载触发事件 document.ready和onload的区别

    document.ready和onload的区别——JavaScript文档加载完成事件页面加载完成有两种事件: 一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件): 二是onlo ...

随机推荐

  1. memcache 学习笔记

    Memcached是国外社区网站LiveJournal的开发团队开发的高性能的分布式内存缓存服务器.一般的使用目的是,通过缓存数据库查询结果,减少数据库访问次数,以提高动态Web应用的速度.提高可扩展 ...

  2. 撩课-Web大前端每天5道面试题-Day4

    1. 如何实现瀑布流? 瀑布流布局的原理: ) 瀑布流布局要求要进行布置的元素等宽, 然后计算元素的宽度, 与浏览器宽度之比,得到需要布置的列数; ) 创建一个数组,长度为列数, 里面的值为已布置元素 ...

  3. 前端(七)：ES6一些新特性

    一.变量 1.var关键字的弊端 var关键字的弊端:1.可以重复声明变量:2.无法限制变量修改:3.没有块级作用域,只有函数作用域. <html lang="en"> ...

  4. edge浏览器无法解析<img>的原因

    使用<img>标签插入图片,使用谷歌,ie,等浏览器测试,都可以正常显示图片,但是edge浏览器就是实现不了.经过排查测试,不是文件格式的问题,而是路径带有中文.相对路径中虽然不带中文,但 ...

  5. 20个网页设计师应该学习的CSS3经典教程实例

    CSS3技术离我们越近,我们也应该学习一些简单的CSS3技术了,而学习最基本的方法就是模仿,以及观看大师作品的案例.收集了20个基础教程,均是涉及到css3应用范围,值得你和我一起共同学习. Smoo ...

  6. Html5 锚 <a>的页内跳转, name=abc herf=#abc

    锚点是网页制作中超级链接的一种,又叫命名锚记.命名锚记像一个迅速定位器一样是一种页面内的超级链接,运用相当普遍. 英文名:anchor 使用命名锚记可以在文档中设置标记,这些标记通常放在文档的特定主题 ...

  7. C++多线程编程（★入门经典实例★）

    原文:http://www.cnblogs.com/codingmengmeng/p/5913068.html 多线程在编程中有相当重要的地位,我们在实际开发时或者找工作面试时总能遇到多线程的问题,对 ...

  8. 避免jar依赖冲突的一种办法

    java中的依赖冲突问题一直比较头疼,特别是做公用包给其他系统用的时候,现在都不敢引入太多的依赖,基本上每次都要帮别人解决依赖冲突的问题,非常麻烦. 特别是碰到一些老系统还不是用maven管理的,人家 ...

  9. IDEA创建maven项目时，maven太慢-archetypeCatalog=internal

    创建项目时候加上archetypeCatalog=internal 参数, archetypeCatalog表示插件使用的archetype元数 据,不加这个参数时默认为remote,local,即中 ...

  10. 适用于 Windows 的虚拟机扩展和功能

    Azure 虚拟机扩展是小型应用程序,可在Azure 虚拟机上提供部署后配置和自动化任务. 例如,如果虚拟机要求安装软件.防病毒保护或进行 Docker 配置,便可以使用 VM 扩展来完成这些任务. ...