Jquery的基本对象转换和文档加载用法实例

 这篇文章主要介绍了Jquery的基本对象转换和文档加载用法,实例分析了Jquery的基本对象转换及文档加载使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下

 
 

本文实例讲述了Jquery的基本对象转换和文档加载用法。分享给大家供大家参考。具体如下:

 

代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>New Web Project</title>
<script src="jquery-1.8.3.js" type="text/javascript"></script>
</head>
<body>
<h1>New Web Project Page</h1>
<input type="button" value="aa" id="but"/>
</body>
<script type="text/javascript">
var a = $('#but').val();
document.write(a);
$(document).ready(function(){
alert("第一种文档加载完成后调用方式!");
});
$(function(){
alert("第二种文档加载完成后调用方式!");
});
$(function(){
var but = $('#but'); //jquery对象
var jsBut = but.get(0); //jquery对象转换为 js对象
jsBut = but[0]; //jquery对象转换为 js对象
but = $(jsBut); //js对象转换为jquery对象
});
</script>
</html>

 

希望本文所述对大家的jQuery程序设计有所帮助。

时间: 2024-07-31 08:25:27

Jquery的基本对象转换和文档加载用法实例的相关文章

Jquery的基本对象转换和文档加载用法实例_jquery

本文实例讲述了Jquery的基本对象转换和文档加载用法.分享给大家供大家参考.具体如下: 复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  "http://www.w3.org/TR/html4/loose.dtd">  <html xmlns="http://www.w3.org/1999/xhtml">      <

jquery easyui 的dialog怎么样在里面加载一个页面,页面的的数据从数据库返回出来

问题描述 jquery easyui 的dialog怎么样在里面加载一个页面,页面的的数据从数据库返回出来 如图 解决方案 嵌套iframe,或者用jquery加载网页到divhttp://blog.csdn.net/linlin_juejue/article/details/8211291 解决方案二: AJAX JSON返回,写一个查询的函数 解决方案三: jquery easyui dialog可以两种方式使用: 第一种: 1.定义div,使用iframe 解决方案四: dialog+da

JS实现文档加载完成后执行代码_javascript技巧

在执行某些操作的时候,需要当文档完全加载完成之后再去执行,否则可能出现意向不到的情况,先看一段代码实例: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <title></title> <style type="text/css"> div{ width:200px; height:200px; } </style&g

jpa-JPA 关系对象映射 @ManyToOne lazy加载 失败。

问题描述 JPA 关系对象映射 @ManyToOne lazy加载 失败. 各位大神们: 小弟技术不深,在使用单向ManyToOne映射时,遇到了问题,希望各位大神们不吝赐教. 我的关系对象映射如下: 购物车与商品的映射: 商品与类别的映射: ![图片说明](http://img.ask.csdn.net/upload/201503/19/1426729467_987764.png) 我的查询语句: ![图片说明](http://img.ask.csdn.net/upload/201503/19

VS2010进行 ARCMAP10.1 插件ADD-INS开发,出现当前不会命中断点,还没有为该文档加载任何符号的解决办法

问题描述 VS2010进行ARCMAP10.1插件ADD-INS开发,出现当前不会命中断点,还没有为该文档加载任何符号的解决办法当使用.NET4.0开发ArcGIS插件应用时,默认情况下是不支持断点调试的.因为ESRI没有官方支持.NET4.0.不过可以根据以下方法设置,以方便调试.1,进入ArcGISDesktop安装目录,如:C:ProgramFilesArcGISDesktop10.02,进入Bin文件夹,备份ArcMap.exe.config文件,以备恢复.3,修改ArcMap.exe.

jquery easyui treegrid reload ie不重新加载数据

问题描述 jquery easyui treegrid reload ie不重新加载数据 用jquery easyui treegrid 写了一个简单的tree结构,但是用treegrid('reload');重新加载数据时,在IE浏览器下,不行,但是在其他的浏览器(火狐,谷歌,opera)下,就可以重新加载. 下面是页面的代码: data-options=" width:482, height:447, top:-30, iconCls: 'tree-folder', rownumbers:

jQuery实现模仿微博下拉滚动条加载数据效果_jquery

本文实例讲述了jQuery实现模仿微博下拉滚动条加载数据效果.分享给大家供大家参考,具体如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>滚动条距离底部</title> <script src="jquery-1.6.2.min.js" type="text/javascript&

jquery 实现滚动条下拉时无限加载的简单实例_jquery

思路: 通过捕捉浏览器滚动条下拉事件,触发异步加载数据的js方法,实现数据的动态添加. 脚本: var lastId=0;//记录每一次加载时的最后一条记录id,跟您的排序方式有关. var isloading = false; $(window).bind("scroll", function () { if ($(document).scrollTop() + $(window).height() > $(document).height() - 10 &&

php+jquery+html实现点击不刷新加载更多的实例代码_php实例

基本原理:页面载入时,jQuery向后台请求数据,PHP通过查询数据库将最新的几条记录显示在列表页,在列表页的底部有个"更多"链接,通过触发该链接,向服务端发送Ajax请求,后台PHP程序得到请求参数,并作出相应,获取数据库相应的记录并以JSON的形式返回给前台页面,前台页面jQuery解析JSON数据,并将数据追加到列表页.其实就是Ajax分页效果. HTML 首先要引入jquery库和jquery.more.js插件,jquery.more.js已经将许多功能都封装好了,并提供了参