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. IO流的复习笔记

    IO字节流和缓冲流 IO字节流的读取和写入 读取 import java.io.FileInputStream; import java.io.FileNotFoundException; impor ...

  2. 解决：IDEA springmvc maven 项目搭建完后没有生成 webcontent 目录

    前言:发现项目创建好,配置好,写好测试代码,一看没有 webcontent 目录. 问题: 解决方案: ctrl + alt + Shift + S

  3. 标签设置为inline-block后，如何消除标签之间的间隔。

    标签设置为inline-block后,如何消除标签之间的间隔. 例如: <div> <ul> <li><a href="#">学习& ...

  4. 如何面试Web前端开发

    分享一篇HR前端面试心得: 面试前端工程师对我来说是一件非常有意思的事,因为面试过程很大程度上也是自我提升的过程.无论大公司还是小公司,之所以在如何招聘到真正有能力的,前端工程师方面会遇到同样的问题. ...

  5. lnmp环境 开启pathinfo

    thinkphp url访问模式中 默认的pathinfo不起作用? 1.检查你的tp配置文件config.php URL模式 'url_model'=> '1', //URL模式 即pathi ...

  6. mysql中LOCATE和CASE WHEN...THEN...ELSE...END结合用法

    之前项目中需要写一个sql,就是查出某个调研详情中,选A答案,B答案,C答案...F答案的人各有多少人,这个sql也是费了很大的力气才写出来,故记下来,方便以后使用. 其中tbl_research_i ...

  7. AngularJS 最常用指令的功能

    第一迭代输出之ng-repeat标签 ng-repeat让table ul ol等标签和js里的数组完美结合 <ul> <li ng-repeat="person in p ...

  8. Java 开源博客 Solo 1.6.0 发布 - 新后台

    简介 Solo 是一款一个命令就能搭建好的 Java 开源博客系统,并内置了 15+ 套精心制作的皮肤.除此之外,Solo 还有着非常活跃的社区,文章分享到社区后可以让很多人看到,产生丰富的交流互动. ...

  9. Python中os.listdir的排序问题

    上周应别人要求,使用python批量修改文件名称.文件名有规律,当时就用了一个函数直接精确的用文件名替换了.后来想直接可以用listdir来遍历每个文件来修改更加通用一些.但是看了os.listdir ...

  10. C++ 多线程编程实例【2个线程模拟卖火车票的小程序】

    原文:http://blog.csdn.net/chen825919148/article/details/7904219 核心提示:从网上搜集来的非常基础的C++多线程实例,刚入门的可以看看,希望能 ...