<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'jquery1.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<script type="text/javascript" src="js/jquery-1.2.6.js"></script>
<script type="text/javascript">
//这是将dom对象转换成jquery对象,ready相当于onload的作用。但是它们两个却有不同
$(document).ready(function()
{
//alert("我爱你");
});
$(document).ready(function()
{
//alert("真的吗啊?");
});
function test1()
{
alert("aaaa");
}
function test2()
{
alert("bbb");
}
//window.onload = test1;
//window.onload = test2;//两个onload事件只能运行一个,但是ready中的两个回调函数都能运行。
</script>
</head>
<body>
<a href="#">a</a><br>
<a href="#">a</a><br>
<a href="#">a</a><br>
<a href="#">a</a><br>
<a href="#">a</a><br>
<p id="pp">真的或假的</p>
<p>真的或假的</p>
<script type="text/javascript">
//这是用javascript
/*window.onload = function(){
var arr = document.getElementsByTagName("a");
for(var i = 0; i < arr.length; i++)
{
arr[i].onclick = test;
}
function test()
{
alert("asdsa");
return false;
}
}*/
//这是jquery的用法
/*$(document).ready(function()
{
$("a").click(function()//$("a")能得到所有的链接标签的对象,然后对每一个标签进行相同的alert("aaaa");操作
{
alert("aaaa");
});
});*/
//将dom对象转换成jquery对象
$(document).ready(function()
{
var pElement = document.getElementsByTagName("p")[0];
//alert(pElement.innerHTML);
//将dom对象转换成jquery对象
//alert($(pElement).html());
//alert($("p").html());
});
//这是将jquery对象转换成dom对象
window.onload = function()
{
var pt = $("#pp");//这个是一个是通过jquery得到id的对象,得到的是数组。而$("p")注意:这种方式得到也是一个数组,但是不要#。
alert(pt[0].innerHTML);//这是将jquery对象转换成dom对象
var t = pt.get(0);//这是将jquery对象转换成dom对象
alert("测试");
alert(t.innerHTML);
}
</script>
</body>
</html>
分享到:
相关推荐
然后在页面中也需要用到$().ready函数,这下好了: 虽然jQuery本身的设计还算不错,document加载完成后会依次触发各个ready中定义的function(这一点很好,不象javascript中默认后面的同名函数会覆盖前面的函数定义)...
ready 方法是 jQuery 实现的在 html 页面在 DOM(Document Object Model, 文档对象模型) 树完全加载完成后触发的一个方法. 因为它接收的方法在页面中所有的 DOM 都可访问时才执行, 所以此时你完全可以访问和操作 ...
JQuery的ready函数与JS的onload的区别:1.执行时间[removed]必须等到页面内包括图片的所有元素加载完毕后才能执行。$(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。 2.编写个数不同[removed]不能...
jquery提供了很多便利的函数,如each(fn),但是使用这些函数的前提是:你使用的对象是Jquery对象。使一个Dom对象成为一个Jquery对象很简单,通过下面一些方式(只是一部分): 代码 var a = $("#cid"); var b = $...
其中使用到的jQuery函数有ready()、get()、text()、each()、append()和JavaScript函数sort()。 1.jQuery函数介绍 (1)jQuery函数get()–获取匹配元素集合 该函数取得所有匹配元素的一种向后兼容的方式(不同于...
您也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready 函数中: $(document).ready(function(){ --- jQuery functions go here ---- }); 这是为了防止文档在完全加载(就绪)之前运行 jQuery...
其次详细讲解了jQuery的各种选择器、jQuery操作DOM的方法、jQuery中的事件与应用、jQuery中的动画和特效、Ajax在jQuery中的应用,以及各种常用的jQuery插件的使用方法和技巧,所有这些知识点都配有完整的示例(包括...
jQuery有一个用来作为DOM快速载入javascript的得心应手的小函数,那就是ready… 他在页面加载完成之前执行。 (也许window.onload()能实现同样的功能,但是jQuery更加快速,灵活)。 $(document).ready(fn):当DOM...
是一个jQuery选择器,$本身表示一个jQuery类,所有$()是构造一个jQuery对象,click()是这个对象的方法,同理$(document)也是一个jQuery对象,ready(fn)是$(document)的方法,表示当document全部下载完毕时执行函数。...
jQuery中的一切都构建于这个函数之上,或者说都是在以某种方式使用这个函数。这个函数最基本的用法就是向它传递一个表达式(通常由 CSS 选择器组成),然后根据这个表达式来查找所有匹配的元素。 默认情况下, 如果...
6.1.2 jquery中的load()方法 6.1.3 jquery中的全局函数getjson() 6.1.4 jquery中的全局函数getscript() 6.1.5 jquery中异步加载xml文档 6.2 请求服务器数据 6.2.1 $.get()请求数据 6.2.2 $....
jQuery中的一切都构建于这个函数之上,或者说都是在以某种方式使用这个函数。这个函数最基本的用法就是向它传递一个表达式(通常由 CSS 选择器组成),然后根据这个表达式来查找所有匹配的元素。 默认情况下, 如果...
该插件不需要jQuery-UI用法在页面加载所需的jQuery元素上调用doubleScroll函数: $ ( document ) . ready ( function ( ) { $ ( '.double-scroll' ) . doubleScroll ( ) ;} ) ;选项您可以使用以下选项配置双滚动: ...
[removed] = function(){ ... 相似,不同的是onload()的方法是在页面加载完成后才发生,这包括DOM元素和其他页面元素(例如图片)的加载,因此,使用document.ready()方法的执行速度比onload()的方法要快。 Javasc
所以如果某个图片或者其他资源加载很长时间, 访问者就会看到一个不完整的页面, 甚至在图片加载之前就...在jQuery中让这一实现变得可行: 代码如下: //jQuery 使用动态创建的$(document).ready(function)方法 $(documen
该方法是 jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数,除非你需要操作不常用的选项,以获得更多的灵活性。 ...
jQuery中的页面加载事件方法有3种语法形式,具体如下。 $(document).ready(function(){ }); // 语法方式1 $().ready(function() { }); // 语法方式2 $(function() { }); // 语法方式3 事件绑定与切换 参数events...
本文实例讲述了jQuery+ajax实现动态执行脚本的方法。分享给大家供大家参考。具体分析如下: 有时候,在页面初次加载时就取得所需的全部JavaScript也是没有必要的。具体需要取得哪个脚本,要视用户的操作而定。虽然...
jQuery提供了document.ready方法用来代替[removed]。但又不愿意仅为了这一个需求而引入整个JQuery库,于是就把jQuery的方法提取出来,单独使用了。 如果只需要对DOM进行操作,那么这时就没必要等到页面全部加载了。...
1.首先,我们来看一下经常使用的添加事件的方式: <input type=button id=btn ...只能为一个事件处理函数,在事件处理函数方法中,获取事件对象的方式不同. jQuery中的事件 ready事件: 当页面加载完成后,来执行fun