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

2024-04-10 07:39:58

本文实例讲述了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程序设计有所帮助。

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

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

jquery中的$(document).ready()类似于javascript中的window.onload(),但是其中还是有很大区别的 1.jquery中的可以简化为$().ready(),$(function), 而js却不行必须全部写完. 2.同时js的window.onload()只能有一个,而jquery的$(document).ready()却可以有多个. 3.最重要的一点是window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行. $(documen
jQuery实现在HTML文档加载完毕后自动执行某个事件的方法

本文实例讲述了jQuery实现在HTML文档加载完毕后自动执行某个事件的方法.分享给大家供大家参考,具体如下: 原来onchange="fucntionname(parms)": <select name="country" id="selCountries_{$sn}" onchange="region.changed(this, 1, 'selProvinces_{$sn}')" style="border
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实现当拉动滚动条到底部加载数据的方法分析

本文实例讲述了jQuery实现当拉动滚动条到底部加载数据的方法.分享给大家供大家参考,具体如下: 滚动条到底部加载数据原理很简单,就是为window或者滚动元素添加一个scroll事件,浏览器每次触发scroll事件时判断是否滚动到了浏览器底部, 如果到了底部则加载新数据.关键是计算滚动条是否滚动到了浏览器底部,算法如下滚动条卷起来的高度 + 窗口高度 > 文档的总高度 $(window).on('scroll',function(){ if(scrollTop() + windowHeig
JavaScript文档加载模式以及元素获取

一.文档加载模式 1.事件三要素:事件源(触发时间的元素):事件名称(click点击事件):事件处理程序(事件出发后要执行的代码函数形式)存在问题:浏览器加载一个页面的时候,是按照自上而下的顺序加载的,若将script标签写到head内部,在代码执行时候,页面还没有加载,页面中的DOM对象也没有加载.就会导致js中无法获取页面中的DOM对象.解决方法:onload事件,会在整个页面加载完之后才触发,为window绑定一个onload事件,该事件对应的响应函数将会在页面加载完成之后执行,这样可以确
PHP+jQuery实现滚屏无刷新动态加载数据功能详解

本文实例讲述了PHP+jQuery实现滚屏无刷新动态加载数据功能.分享给大家供大家参考,具体如下: index.php <?php require_once('connect.php'); //连接数据库 $user = array('demo1','demo2','demo3','demo3','<de></de>mo4'); //模拟了几个用户 ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Trans
php+jquery+html实现点击不刷新加载更多的实例代码

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

废话不多说了,直接给大家贴代码了,具体代码如下所示: <script> var str = ''; if(page=="") page=1; var stop=true;//触发开关,防止多次调用事件 $(window).scroll( function(event){ //当内容滚动到底部时加载新的内容 100当距离最底部100个像素时开始加载. if ($(this).scrollTop() + $(window).height() + 10 >= $(docum
jquery 实现滚动条下拉时无限加载的简单实例

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

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

相关推荐

随机推荐