本文实例讲述了jquery插件jquery.dragscale.js实现拖拽改变元素大小的方法。分享给大家供大家参考，具体如下： 该插件是文章作者所写，目的在于提升作者的js能力，也给一些js菜鸟在使用插件时提供一些便利，老鸟就悠然地飞过吧。 此插件旨在实现目前较为流行的拖拽改变元素大小的效果，您可以根据自己的实际需求来设置被拖拽元素的最小宽高和最大宽高。整体代码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional/...
jQuery on()方法是官方推荐的绑定事件的一个方法。使用 on() 方法可以给将来动态创建的动态元素绑定指定的事件，例如append等。 之前使用 on 的时候一直是 $("").on(click,function(){ }) 之后发现有些时候一直无法绑定（比如元素动态生成时），查看文档后发现正确用法应该是 $(document).on("change","#pageSize_out",function(){ if($("#page_out").val()!=0){ $("#pageSize").val($(this).val()); list(); } }) 同时，注意...
本文实例讲述了jQuery实现元素拖拽并cookie保存顺序的方法。分享给大家供大家参考，具体如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <style type="text/css"> div { border: 1px solid red; } #myList { padding-top: 20px; width: 500px; backgroun...
废话不多说了，直接给大家贴代码，具体代码如下所示： <html> <head><title></title><!--添加jquery--><script src="../Script/jQuery/jquery-1.6.2.min.js" type="text/javascript"></script><script type="text/javascript">$(function () {createSelect("addSel");addOption("addSel", "first", "第一个数据");addOption("addSel", "secord", "第二个数据");addOption("addSel", "three", "第三个数据");addOption("addSel", "f...
本文实例分析了jQuery添加删除DOM元素的方法。分享给大家供大家参考，具体如下： 介绍 DOM是Document Object Modeule的缩写，一般来说，DOM操作分成3个方面。 1、DOM Core DOM Core并不专属于javascript，任何一种支持DOM的程序设计语言都可以使用它，用途也远不止仅限于网页，也可以用来处理任何一种使用标记语言编写出来的文档，如XML。 例如：document,getElementsByTagName("form");//使用DOM Core来获取表单对象的方法。 2、H...
本文实例分析了jQuery取得iframe中元素的常用方法。分享给大家供大家参考，具体如下： jquery取得iframe中元素的几种方法： 在iframe子页面获取父页面元素 代码如下:代码如下:$(#objId, parent.document); 搞定... 在父页面 获取iframe子页面的元素： $("#objid",document.frames(iframename).document) $(document.getElementById(iframeId).contentWindow.document.body).html()显示iframe中body元素的内容。代码如下:$("#testId...
本文实例讲述了jQuery动态添加及删除表单上传元素的方法。分享给大家供大家参考，具体如下： 运行效果截图如下：点击此处查看在线演示效果。 具体代码如下： <html> <head> <script type="text/javascript" src="jquery-1.7.2.min.js"></script> <script type="text/javascript"> $(document).ready(function(){$(":input[type=button][value=more]").bind("click",function(){var $br = $("<br />");var $file = $("<input type=f...
本文实例讲述了jQuery给元素添加样式的方法。分享给大家供大家参考，具体如下： 1、获取和设置样式 $("#tow").attr("class")//获取ID为tow的class属性 $("#two").attr("class","divClass")//设置Id为two的class属性。2、追加样式代码如下:$("#two").addClass("divClass2")//为ID为two的对象追加样式divClass2 3、移除样式 $("#two").removeClass("divClass")//移除 ID为two的对象的class名为divClass的样式。 $(#two).removeClass(...
本文实例讲述了jQuery拖动元素并对元素进行重新排序的实现方法，分享给大家供大家参考，具体实现内容如下 效果图：具体内容如下： 从上图可以看出我们今天要实现的功能。当用户拖动一个图片时，就能改变图片的已有排序并更新表中的排列顺序。比如用户可以随意拖动我们网站中的布局，如谷歌iGoogle就已经实现了。这样便很好的提高了用户体验。 下边，我们一步一步来实现这个功能。 <span id="show"> <div><input id="check" type="c...
本文实例讲述了jQuery对html元素的取值与赋值方法。分享给大家供大家参考，具体如下： Jquery给基本控件的取值、赋值 TEXTBOX: var str = $(#txt).val(); $(#txt).val("Set Lbl Value"); //文本框，文本区域： $("#text_id").attr("value",);//清空内容 $("#text_id").attr("value",test);// 填充内容LABLE: var str = $(#lbl).text(); $(#lbl).text("Set Lbl Value"); var valradio = $("input[@type=radio][@checked]").val()...
本文实例为大家分享了jquery实现删除一个元素后面的所有元素功能的详细实现过程，具体实现内容如下 实现效果： 选择项目点击删除按钮，被选项之后的所有同级元素都被删除jQuery 遍历的nextAll() 方法可以搜索 DOM 树中的元素跟随的同胞元素，也就是一个元素后面的所有同级元素，删除可以使用方法remove()，所以连起来为$(selector).nextAll().remove(); 下面给出实例演示：点击按钮后，删除被选项目之后的所有选项 创建Html元素<di...
本文实例讲述了jQuery实现form表单元素序列化为json对象的方法。分享给大家供大家参考，具体如下： 这段代码序列化form表单元素为json对象： <!Doctype html><html xmlns=http://www.w3.org/1999/xhtml><head><title>jQuery扩展——form序列化到json对象</title><meta http-equiv=Content-Type content="text/html;charset=utf-8"><script type="text/javascript" src="jquery-1.10.2.js"></script> </head> <body> <p id="results...
本文实例讲述了jQuery实现获取绑定自定义事件元素的方法。分享给大家供大家参考，具体如下：(function ($) { // 自定义itemtab事件 $.fn.bind = function(types, data, fn) { // 重载jQuery.fn.bind方法，用来截获绑定自定义事件的元素if(typeof types == string && itemtab == types) {var itemTouchStart = -1; // touchstart位置var itemTouchMove = -1; // touchend位置，值为-1时表示未触发var itemTriggerDistance = 0; // 拖...
比如做一个ajax读取留言列表的时候，每条留言后面有个回复按钮，class为“reply”,如果你用的是$(".reply").click(function(){ //do something... })，想必后面通过ajax加载进来的列表中的回复按钮，点击事件会失效。 其实最简单的方法就是直接在标签中写onclick=""，但是这样写其实是有点low的，最好的方式还是通过给类名绑定一个click事件。 解决jquery中动态新增的元素节点无法触发事件的问题有两种解决方法，如下： 为了达到更...
主要功能： 获取浏览器显示区域（可视区域）的高度 ： $(window).height(); 获取浏览器显示区域（可视区域）的宽度 ： $(window).width(); 获取页面的文档高度 $(document).height(); 获取页面的文档宽度 ： $(document).width(); 浏览器当前窗口文档body的高度： $(document.body).height(); 浏览器当前窗口文档body的宽度： $(document.body).width(); 获取滚动条到顶部的垂直高度 (即网页被卷上去的高度) $(docum...