我们在提交表单时，有时会遇到需要重复添加多个相同表单元素，如订单信息中需要添加多个不同型号的产品、表单数据中新增字段信息等。这个时候我们可以在表单中直接放置一个“新增一项”或“复制”按钮，通过点击按钮即可实现复制表单元素。查看演示 下载源码 HTML 本文我们通过实例介绍一款简单的基于jQuery的元素复制插件，通过调用该插件轻松实现元素复制功能。 首先载入jQuery库文件和元素复制插件duplicateElement.min.js。 <s...
var chils= s.childNodes; //得到s的全部子节点var par=s.parentNode; //得到s的父节点var ns=s.nextSbiling; //获得s的下一个兄弟节点var ps=s.previousSbiling; //得到s的上一个兄弟节点var fc=s.firstChild; //获得s的第一个子节点var lc=s.lastChile; //获得s的最后一个子节点JS获取节点父级，子级元素 先说一下JS的获取方法，其要比JQUERY的方法麻烦很多，后面以JQUERY的方法作对比。 JS的方法会比JQUERY麻烦很多，...
元素属性 元素的属性中可以包含很多有用的信息，所以如何设置或得到属性中的值，就显得非常重要。 jQuery 的 $.fn.attr 方法可以作为 setter 和 getter 使用，用来设置或获取属性的值。和 $.fn.css 用法类似，$.fn.attr 既可一次性接受单个属性，也可以接受多个属性（对象） ： $(a).attr(href, allMyHrefsAreTheSameNow.html); $(a).attr({title : all titles are the same too!,href : somethingNew.html });上面代码中写对象的时...
用jquery添加新元素很容易，面对jquery append 动态添加的元素事件on 不起作用我们该如何解决呢？on方法中要先找到原选择器（如例.info),再找到动态添加的选择器（如列.delete)。 具体不多说了，请看下面的代码吧。 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>测试</ti...
下面把jQuery获取页面及个元素高度、宽度的方法汇总，分享给大家。 获取浏览器显示区域（可视区域）的高度 ： 代码如下: $(window).height();获取浏览器显示区域（可视区域）的宽度 ：代码如下: $(window).width();获取页面的文档高度 代码如下: $(document).height(); 获取页面的文档宽度 ：代码如下: $(document).width();浏览器当前窗口文档body的高度： 代码如下: $(document.body).height();浏览器当前窗口文档body的宽度...
本文实例讲述了jQuery实现在最后一个元素之前插入新元素的方法。分享给大家供大家参考。具体如下： <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.5.1.min.js"> </script> <script type="text/javascript"> $(function () { $("#btnOne").click(function () { $(#divOne > p:last-child) .before(<p>Dynamic Para</p>) }); }); </script>希望本文所述对大家的jquery程序设计有所帮助。
代码很简单，效果非常棒，直接给大家上源码： html <div><div class="money-input">定投金额 :<div class="input-rela"><input type="text" placeholder="2000"/><span>元</span></div></div><div class="money-line"><img index="js-minus-a" class="js-minus" src="../images/minus.png" alt=""/><img id="dragImg" class="red-rela" src="../images/money-dw.png" alt="" onDrag="drag(event)" onDragEnd="dragEnd(event)" styl...
代码中可能有这样的情况，根据元素是否存在来执行不同的操作，这样就需要判断指定的元素是否存在。使用$(selector)可以获得匹配元素集合，而匹配元素集合的length属性可以获得集合中匹配元素的个数，所以只要判断length属性值是否为零，就可以判断元素是否存在。代码实例如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>脚本之家</title> <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"...
本文实例讲述了jquery计算鼠标和指定元素之间距离的方法。分享给大家供大家参考。具体实现方法如下： (function() {var mX, mY, distance,$distance = $(#distance span),$element = $(#element);function calculateDistance(elem, mouseX, mouseY) {return Math.floor(Math.sqrt(Math.pow(mouseX - (elem.offset().left+(elem.width()/2)), 2) + Math.pow(mouseY - (elem.offset().top+(elem.height()/2)), 2)));}$(document).mou...
本文实例讲述了jQuery根据元素值删除数组元素的方法。分享给大家供大家参考。具体如下： 例如删除C这个元素 ，前提不知道C在这个数组的下标 var arr = [a,b,c,d]; arr.splice($.inArray(c,arr),1); alert(arr);希望本文所述对大家的jQuery程序设计有所帮助。
本文实例讲述了jquery获取当前元素索引值用法。分享给大家供大家参考。具体如下： 今天在做促销页面的图片轮转效果时，下方页码的左边需要对应显示图片的说明信息，效果如下：思路： 页面部分当为当前状态的时候，会添加“active”样式。 通过获取 li class="active" 的索引值，对应找到相应的图片说明信息，显示出来。 解决： 通过jquery的 index() 可以很轻松的实现该效果。 代码如下： HTML： <div id="carousel"> <div id="car...
本文实例讲述了jQuery获取页面元素绝对与相对位置的方法。分享给大家供大家参考。具体如下： 获取页面某一元素的绝对X,Y坐标，可以用offset()方法： var X = $(#DivID).offset().top; var Y = $(#DivID).offset().left;获取相对(父元素)位置: var X = $(#DivID).position().top; var Y = $(#DivID).position().left; var pleft = $("selector").scrollLeft();//元素相对于滚动条左边的偏移量 var pTop = $("selector").scrollTop...
本文实例讲述了JQuery节点元素属性操作方法。分享给大家供大家参考。具体分析如下： 在JQuery中，用attr()方法来获取和设置元素属性，removeAttr()方法来删除元素属性。 获取属性和设置属性 如果要获取p元素的属性title，那么只需要给attr()方法传递一个参数，即属性名称。 var $para = $("p"); //获取<p>节点 var p_txt = $para.attr("title"); //获取<p>元素节点属性title如果要设置<p>元素的属性title的值，也可以使用同一个方...
本文实例讲述了jQuery判断一个元素是否可见的方法。分享给大家供大家参考。具体如下： jQuery 可以很容易地确定一个元素是可见的或是隐藏的，然后分别做不同的处理。如：我想根据某 div 是否可见，在按钮上显示不同的文字和图标。可以这样实现： 方法一： $(#para_div button).click(function() { if($(this).next().is(":visible")) { //$(this).html(显示); $(this).css({"background":"url(/images/btn_arrow_down.png...
jRumble，它能让网页上的任意元素抖动起来，在你的网站中使用这个效果会有很大的机率吸引用户的注意力。此插件的效果可以用在链接上，或者div上，你可以设置抖动的范围、XY坐标、抖动幅度等。可设置为当鼠标移动上去抖动或者默认一直抖动，插件可定制性还是蛮高的。PS:此插件在IE中还存在一些小问题 jQuery jRumble是使用方法 <script type="text/javascript" src="js/jquery-jrumble.js"></script> <script type="text/javascript...