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. 十五、读写锁ReentrantReadWriteLock

    一.简介 有时候我们对资源的修改操作非常地少,但是读取的频率却很高.如果采用一般的互斥锁,那么大量的读取操作也需要做等待.基于读写分离的思想,我们可以使用JDK的读写锁来处理这种情况. 1)读读不互斥 ...

  2. fieldset、legend、display html元素

    fieldset 定义和用法 fieldset 元素可将表单内的相关元素分组. <fieldset> 标签将表单内容的一部分打包,生成一组相关表单的字段. 当一组表单元素放到 <fi ...

  3. 【Java学习经历系列-1】19岁的我，没遇见生命中的她，却遇见了java

    [写在前面]正直青春年少的你,遇到了你的她了吗?还是你也和我们今天的主人公一样,在最美好的年级,正在为你的初衷努力着,坚持着,奔波着..... 作者:李伟   我的黑客时代 01 大学专业是电子信息工 ...

  4. mybatis之typehandles

    mybatis之typehandles 无论是Mybatis在预处理语句PreparedStatement中设置一个参数时,还是从结果集中取出一个值时,都会用类型处理器将获取的值以合适的方式转换成ja ...

  5. HDU 2084(DP)

    http://acm.hdu.edu.cn/showproblem.php?pid=2084 状态转移方程: dp[i][j] = MAX(dp[i+1][j],dp[i+1][j+1])+tower ...

  6. JSP九个内置对象及指令、动作标签

    一.JSP九大内置对象 (一)JSP中无需创建就可以使用的9个对象 输入输出对象 1.response(HttpServletResponse):处理JSP生成的响应,然后将响应结果发送给客户端.是s ...

  7. HDU P2222 Keywords Search

    In the modern time, Search engine came into the life of everybody like Google, Baidu, etc.Wiskey als ...

  8. Tomcat的学习和使用（一）

    一.Tomcat服务器端口的配置 Tomcat的所有配置都放在conf文件夹之中,里面的server.xml文件是配置的核心文件. 如果想修改Tomcat服务器的启动端口,则可以在server.xml ...

  9. Storage 的使用

    //是否不支持storage isNoStorage: function(){ if(typeof(Storage)=="function" || window.sessionSt ...

  10. 域模型中的实体类分为四种类型：VO、DTO、DO、PO

    经常会接触到VO,DO,DTO的概念,本文从领域建模中的实体划分和项目中的实际应用情况两个角度,对这几个概念进行简析. 得出的主要结论是:在项目应用中,VO对应于页面上需要显示的数据(表单),DO对应 ...