本文实例讲述了jquery拖拽排序简单实现方法。分享给大家供大家参考，具体如下： 运行效果截图如下：原来没有新建动作，分析代码后发现很容易增强~~ 代码如下：测试的拖拽功能body, div { margin: 0; paading: 0; font-size: 12px; } body { width:100%; margin: 0 auto; } ul, li { margin: 0; padding: 0; list-style: none; } .clear { clear: both; width: 1px; height: 0px; line-height: 0px; font-size: 1px; } .drag_module...
jquery $.trim()去除字符串空格的实现方法【附图例】 语法 jQuery.trim()函数用于去除字符串两端的空白字符。 作用 该函数可以去除字符串开始和末尾两端的空白字符(直到遇到第一个非空白字符串为止)。它会清除包括换行符、空格、制表符等常见的空白字符。 参数 如果参数str不是字符串类型，该函数将自动将其转为字符串(一般调用其toString()方法)。如果参数str为null或undefined，则返回空字符串("")。 返回值 jQuery.trim()函数的...
本文实例讲述了jQuery使用$.each遍历json数组的简单实现方法。分享给大家供大家参考，具体如下：jquery $.each遍历json数组方法var arr = [{ name: "john", lang: "js" },{ name: "nailwl", lang: "jquery" },{ name: "吴磊", lang: "ext" }]; $.each( arr, function(index, content){ alert( "the man's no. is: " + index + ",and " + content.name + " is learning " + content.lang ); });jquery 对象的 $().each() 方法，此方...
本文实例讲述了jQuery点击其他地方时菜单消失的实现方法。分享给大家供大家参考，具体如下：function stopPropagation(e) {if (e.stopPropagation) e.stopPropagation();//停止冒泡 非ieelse e.cancelBubble = true;//停止冒泡 ie}$(document).bind('click',function(){$('#test').css('display','none');});$('#test').bind('click',function(e){//写要执行的内容....吥啦不啦stopPropagation(e);//调用停止冒泡方法,阻止documen...
代码如下: $.ajax({ async:false, url: , // 跨域URL type: GET, dataType: jsonp, jsonp: jsoncallback, //默认callback data: mydata, //请求数据 timeout: 5000, beforeSend: function(){ //jsonp 方式此方法不被触发。原因可能是dataType如果指定为jsonp的话，就已经不是ajax事件了 }, success: function (json) { //客户端jquery预先定义好的callback函数，成功获取跨域服务器上的json数据后，会动态执行这个callback函数 if(...
代码： 代码如下: //页面代码 （简化） CssClass="ui-button-icons-only" Text="按钮"> Edit View Build //页面初始化的时候 var staticsignal; $(function() { // a workaround for a flaw in the demo system (http://dev.jqueryui.com/ticket/4375), ignore! $(":input.ui-button-icons-only").button(); //更改textbox的样式 }); function buttonclick(e) { var offset=e.offset();//得到offset var x=offset.l...
语法说明： E -- 元素 att -- 属性 val -- 属性值 E:first-child E:last-child 匹配文档中具有att属性的E元素 语法: E[att] 匹配文档中具有att属性且其值为val的E元素 语法: E[att=val] 匹配文档中具有att属性且其中一个值（多个值使用空格分隔）为val(val不能包含空格)的E元素 语法: E[att~=val] 匹配文档中具有att属性且其中一个值为val，或者以val开头紧随其后的是连字符的E元素 语法: E[att|=val] 匹配文档中具有att属性且其值...
代码如下: $(tr).hover(function(event) { $(this)[ (event.type == mouseenter ? add : remove) + Class ](test); //test是样式 }); $(tr).hover(function(event) { $(this).toggleClass(test); //test是样式 }); $(tr).hover(function(){ $(this).addClass(test); //test是样式 },function(){ $(this).removeClass(test); //test是样式 }); 注：一般情况下使用第二种方法是可以的，但是遇到表格行可以拖拽的情况，那么就会出现BU...
需求 把含有rowspan、colspan的table还原。 例如原table为： 还原后的table为： 代码原理 对table进行遍历，如果td的rowspan属性值大于1，则给当前的td的父元素的兄弟元素添加td，如果td的colspan属性值大于1，则在当前的td元素后添加td 代码如下: //本文首发博客园:http://artwl.cnblogs.com(2012/02/08)jQuery.fn.RevertTable=function(){ $("tr",this).each(function(trindex,tritem){ $(tritem).find("td").each(...
JQuery UI提供的API极大简化了拖拽功能的开发。只需要分别在拖拽源(source)和目标(target)上调用draggable和droppable两个函数即可。 拖拽原理 首先要明确几个概念。 ource：拖拽源，要拖动的元素。 taerget：拖放目标，能够放入source的容器。 拖拽的动作分解如下： 1. drag start：在拖拽源(source)上按下鼠标并开始移动 2. drag move: 移动过程中 3. drag enter: 移动进入目标(target)容器 4. drag lea...
官方提供的treegrid的ex 我给大家贴出来看看吧： 代码如下: $(function(){ $(#tt).treegrid({ url:treegrid_data3.json, onAfterEdit:function(row,changes){ alert(row.name); } }); }) 这个是页面初始化的。 看看他的JSON: 代码如下: {"total":117,"rows":[ {"id":1,"code":"code1","name":"name1","addr":"address1","state":"closed"}, {"id":11,"code":"code11","name":"name11","addr":"address11","_parentId":1}, {"id"...
对于如何修饰html标签，这对于js来说，可以通过setAttribute来设置标签的属性，通过getAttribute来得到标签的属性，而在jq中当然也可以实现类似的功能，方法上肯定比js要简化多了。 一 通过修改标签属性来改变它的样式 js设置和获取标签的属性 代码如下: window.onload = function () { var attr = document.getElementById("attr"); attr.setAttribute("style", "font-weight:bold;") alert(attr.getAttribute("style")); }...
有时我们不希望冒泡或默认的事件发生，这样就需要一些jQuery的的方法阻止冒泡和默认的事件了。可以通过以下三种方法做到不同程度的阻止。 A：return false -In event handler ,prevents default behavior and event bubbing 。 return false 在事件的处理中，可以阻止默认事件和冒泡事件。 B：event.preventDefault()- In event handler ,prevent default event (allows bubbling) 。 event.preventDefault()在事件的处理中，可以阻...
代码如下:$(function() { var $sidebar = $("#sidebar"), $window = $(window), offset = $sidebar.offset(), topPadding = 15; $window.scroll(function() { if ($window.scrollTop() > offset.top) { $sidebar.stop().animate({ marginTop: $window.scrollTop() - offset.top + topPadding }); } else { ...
使用方法：下载jquery-1.9.1.js，然后设置CSS，图片文件放在images/new_feed/目录下，图片命名格式为bg_x.jpg,修改随机数产生范围 一、CSS代码代码如下: body{ padding:0; background-attachment: fixed; background-clip: border-box; background-color: #666666; background-origin: padding-box; background-position: center top;...