语法： empty() remove(expr); empty用来删除指定元素的子元素，remove用来删除元素，或者设定细化条件执行删除，如： html 代码如下: 此标签的使用empty方法删除 以下的标签将被删除 准备使用remove方法删除 准备使用remove方法删除 准备使用remove方法删除 javascript 代码如下: $(function(){ $("#emptyTest").empty().append("hello"); $("p").remove(".emptyTest"); }) JavaScript教程/参考手册 JavaScrip...
直入正题吧. 先看jQuery的$.isWindow函数: 代码如下: function isWin(obj){ return obj && typeof obj === object && setInterval in obj; } 这个函数本身是很科学的, 它主要是通过检查目标对象是否拥有setInterval属性来判断. 然而问题在于, 在缺少约定的情况下, 它也许并不太可靠, 比如: 代码如下: var o={xx:oo}; o[setInterval]=true; console.log( isWin(o) ); // true 上例通过给对象字面量添加setInterval属性, 欺诈成功...
代码如下: $(document).ready(function(){ function show(){ var mydate=new Date(); var str = "" + mydate.getFullYear() + "年"; str += (mydate.getMonth() + 1) + "月"; str += mydate.getDate() + "日 "; str += mydate.toLocaleTimeString(); str += ":" + mydate.toLocaleTimeString(); str += ":" + mydate.getMilliseconds() + " 星期"; str += "天一二三四五六".charAt(mydate.getDay()) + "今年是闰年吗?:"; str +=...
each()遍历元素（k1） 代码如下: $(document).ready(function () { $("#btn").html("each()遍历元素").click(function (event) { $("div").each(function (index) { $(this).html("这是第" + index + "个div"); }); event.preventDefault(); }); }); 获取属性的值（k1）attr(name) 代码如下: $(document).ready(function () { $("#btn").html("获取属性值").click(function (event) { $("div").each(function () { alert("title...
最近项目中需要跨域调用其他项目的数据，其他项目也是使用的EasyUI的datagrid组件，开始以为直接在datagrid的url属性定义为其他项目的url地址即可，可是测试下发现的确是返回了json数据但是json数据提示“invalid label” 错误，网上搜索了下错误解决办法，参考 “JavaScript处理Json的invalid label错误解决办法“的方法利用datagrid的loadData方法加载并转换了json还是提示上述错误，感觉原因不在格式问题。 搜索了下JavaScript跨...
代码如下: /* 对页面上的字体增大、缩小、恢复原始大小 需要在html页面中定义三个元素 元素的class分别为 resetFont、increaseFont、decreaseFont 在本文件的JQuery事件中分别定义了三个元素的click事件来实现增大、缩小、恢复原始大小 */ $(function () { //取得字体大小，在html标记下定义了font-size var originalFontSize = $("html").css("font-size"); //恢复默认字体大小 $(".resetFont").click(function () { $("html").cs...
下面是Js片段在IE9，Firebox 10.0.2 中测试过 : 代码如下: $(document).keydown(function (e) { var doPrevent; if (e.keyCode == 8) { var d = e.srcElement || e.target; if (d.tagName.toUpperCase() == INPUT || d.tagName.toUpperCase() == TEXTAREA) { doPrevent = d.readOnly || d.disabled; } else doPrevent = true; } else doPrevent = false; if (doPrevent) e.preventDefault(); }); 关于如何确定Backspace键的代码可...
代码如下: test count down button $(function () { $('#btn').click(function () { var count = 3; var countdown = setInterval(CountDown, 1000); function CountDown() { $("#btn").attr("disabled", true); $("#btn").val("Please wait " + count + " seconds!"); if (count == 0) { $("#btn").val("Submit").removeAttr("disabled"); clearInterval(countdown); } count--; } }) }); 有兴趣您可以自己实现一下。Jav...
主要参数 jQuery UI Dialog常用的参数有： 1、autoOpen：默认true，即dialog方法创建就显示对话框 2、buttons：默认无，用于设置显示的按钮，可以是JSON和Array形式: {"确定":function(){},"取消":function(){}} [{text:"确定", click: function(){}},{text:"取消",click:function(){}}] 3、modal：默认false，是否模态对话框，如果设置为true则会创建一个遮罩层把页面其他元素遮住 4、title：标题 5、draggable：是否可手动，默认...
这个东西让我想起了俄罗斯方块，这个实现起来很简单，容器里面所有的块元素用绝对定位排列，如果能放的下就放在这里，如果放不下了，在队列中找到能放得下的元素放置， 实在找不到，则换行排列下一行，具体思路是这样。代码里有详细的注释直接看代码吧。 下面是一个demo: http://demo.jb51.net/js/2012/sortRect/代码打包下载 sortRect.rar 代码如下: 不规则宽高排列 .box { position: absolute; width: 100px; height: 1...
所以还是自己动手丰衣足食，还是坚持简单就是美的代码风格。 试试在iframe里嵌入一个测试页面，你可以使用鼠标拖动项目，调整分类： 当然，这并不是我要的最终效果，只能说它已经实现了一个我想要的拖放效果。我要求的在这个基础上，还要增加自动排序，位置变更后恢复之前元素bind的jQuery事件等。 代码 代码如下，如要复制，请先查看纯文本版本！ 代码如下: Drag & Drop Test <script type="text/javascript" src="https://...
在线演示：http://demo.jb51.net/js/2012/callboard/jQuery代码 代码如下: //第二版：Newton改造 (function (win){ var callboarTimer; var callboard = $(#callboard); var callboardUl = callboard.find(ul); var callboardLi = callboard.find(li); var liLen = callboard.find(li).length; var initHeight = callboardLi.first().outerHeight(true); win.autoAnimation = function (){ if (liLen <= 1) return; var self = ar...
在正式开始本文之前，先来简单介绍下HTML的标签：使用标签，我们可以在HTML页面上定义锚（anchor），锚有两种用法： 通过使用 href 属性，创建指向另外一个文档的链接（或超链接） 通过使用 name 或 id 属性，创建一个文档内部的书签（也就是说，可以创建指向文档片段的链接） 本文的内容与锚的第一种用法有关。 代码如下: $(document).ready(function () { // 单击spanAGo，调用超链接的单击事件 $('#spanAGo').click(fun...
来看下效果图 一、先来说下功能： 1.点击“确定”显示日历 2。再次点击隐藏，或从DOM中删除这个日历。如些反复第一，和第二这两步。 3.让日历中显示当前月份日期(多少天，每天是多少号)。 4.让当前月份的日期和星期几对应. 5.让左边两边的日历关联起来。 二、再来说下HTML结构。 1.上面蓝色的是一个DIV，显示当前月分，和上月，下月。 2.下面的日期和星期，是用一个table结构存放数据。星期用thead,日期用：tbody存放。 三、功能展...
如下： 代码如下: 北京 天津 南京 扬州 苏州 1、获取选中的radio的值： 代码如下: $("input[name=city]:checked").val(); 使用元素选择器，再使用属性过滤器name='city'，最后使用:checked选取被选中的元素。 2、给指定值的radio设置选中状态： 代码如下: $("input[name=city][value=YangZhou]").attr("checked",true); 给name="city"而且value="YangZhou"的radio设置选中状态。 3、取消name="city"的radio的选中状态...