Google [站内搜索]

分类: 脚本语言预览模式: 普通 | 列表

jQuery对象和DOM对象相互转换示例[转]

jQuery对象是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的,其可以使用jQuery里的方法,但是不能使用DOM的方法,例如: $("#img").attr("src","test.jpg"); 这里的 $("#img")就是jQuery对象。

DOM对象是Javascript固有的一些对象。DOM对象能使用Javascript固有的方法,但是不能使用jQuery的方法。例如:document.getElementById("img").src = “test.jpg";这里的document.getElementById("img") 就是DOM对象。

$("#img").attr("src","test.jpg") 和 document.getElementById("img").src = "test.jpg" 是等价的,是正确的,但是 $("#img").src = "test.jpg" 或者 document.getElementById("img").attr("src","test.jpg") 都是错误的。

查看更多...

分类:脚本语言 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 253

检测浏览器是否支持HTML5



Javascript检测浏览器是否支持HTML5

<script type="text/javascript">

查看更多...

分类:脚本语言 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 402
1.同一页面jQuery多个版本或冲突解决方法

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">

查看更多...

分类:脚本语言 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 1150

jQuery实现加载提示loading脚本

<style type="text/css">
    #loading{position:fixed;_position:absolute;top:50%;left:50%;width:120px;height:120px;overflow:hidden;background:url(images/loading.gif) no-repeat;z-index:10;display:none;}
</style>

<div id="loading"></div>

查看更多...

分类:脚本语言 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 1312

增强用户体验修改一例

给客户做了一个微信上的订单查询页面,反馈说输入内容时输入框被遮挡住了,用户体验不好:



原因是版权一处设计成浮动的,始终显示在浏览器底部,当输入内容时打开了手机输入法占据了一部分空间,进而使浏览器窗口变小,版权向上浮动导致输入框被遮挡。虽然即便没有被遮挡,若要输入订单号也仍需向上拉动页面,但被遮挡用户体验上终归不好,必须的必须改。

查看更多...

分类:脚本语言 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 1239

jQuery判断滚动条滚到页面底部脚本

$(window).scroll(function () {
    if ($(document).scrollTop() + $(window).height() >= $(document).height()) {
        alert("哦哦,到底了.");
    }
});

查看更多...

分类:脚本语言 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 1280

几个另类Javascript遍历数组方法

var a = ["m", "z", "w", "u", "c", "o", "m"];
for (var i = 0, b = a; i < a.length; b = a[++i]) {
    console.log(b);
}

还可以换一种写法:

查看更多...

分类:脚本语言 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 1436
正常情况下,Javascript用for in遍历数据是没有问题的:

var a = ["m", "z", "w", "u", "c", "o", "m"];
for (var i in a) {
    console.log(a);

查看更多...

分类:脚本语言 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 1570