JQuery
文章平均质量分 79
中下游国外我
这个作者很懒,什么都没留下…
展开
-
easyui阻止事件冒泡
http://www.easyui.info/archives/501.html注:这两种方式均验证通过。第一种方式:DOM/Javascript方式div id="p-tools-2"> a href="#" id="a2" class="icon-mini-refresh" onclick="refresh2(event)">a> d转载 2015-08-07 10:20:12 · 3852 阅读 · 0 评论 -
jQuery--自定义插件
http://edu.51cto.com/lesson/id-16925.html引入插件步骤:1、先引入jquery.js文件;2、然后在后面引入插件;3、最后在后面引入插件的周边;插件的形式:1、封装对象方法的插件,也就是基于某个DOM元素的jQuery对象,是局部性的;2、封装全局函数的插件,这是全局的;3、选择器插件,类似于.find转载 2015-07-15 18:44:33 · 514 阅读 · 0 评论 -
jQuery--工具函数
http://edu.51cto.com/lesson/id-16923.html一、字符串操作$.trim(string);//去除左右空格二、数组和对象操作//$.each()遍历数组var arr = ['张三', '李四', '王五', '马六'];$.each(arr, function (index, value) {$('#box').html转载 2015-07-15 16:34:44 · 422 阅读 · 0 评论 -
jQuery--Ajax
http://edu.51cto.com/lesson/id-15870.htmljquery中对Ajax进行封装:最底层封装:$.ajax()这是个全局方法;第二层封装:.load()/.get()/.post();局部方法,由jquery对象调用最高层:$.getScript()/$.getJSON();一、.load()方法格式:.load(urlStri转载 2015-07-15 11:34:35 · 517 阅读 · 0 评论 -
jQuery--高级事件
http://edu.51cto.com/lesson/id-14478.html一、模拟操作模拟用户出发按钮的操作:.trigger()和.triggerHandler()注册按钮事件://点击按钮事件$('input').click(function () {alert('我的第一次点击来自模拟!');});//模拟用户点击行为$('in转载 2015-07-14 19:43:16 · 909 阅读 · 0 评论 -
jQuery--事件对象
http://edu.51cto.com/lesson/id-14476.html//通过处理函数传递事件对象$('input').bind('click', mydata, function (event) { //接受事件对象参数alert(event);});event对象的属性:type:事件类型;target:获得触发元素的DOM;da转载 2015-07-14 16:26:27 · 487 阅读 · 0 评论 -
jQuery--基础事件
http://edu.51cto.com/lesson/id-14474.html常用事件:click、 dblclick、mousedown、 mouseup、 mousemove、 mouseover、 mouseout、 change、 select、 submit、 keydown、keypress、keyup、blur、focus、load、resize、scroll、error转载 2015-07-14 16:15:34 · 433 阅读 · 0 评论 -
CSS制作水平垂直居中对齐
http://www.html5cn.org/article-2837-1.html 作为前端攻城师,在制作Web页面时都有碰到CSS制作水平垂直居中,我想大家都有研究过或者写过,特别的其中的垂直居中,更是让人烦恼。这段时间,我收集了几种不同的方式制作垂直居中方法,但每种方法各有千秋呀,要正确的选择也是一件不容易的事情。我会将这几种方法一一介绍给大家,以供大家参考。或许对于我这样的初转载 2015-07-27 18:16:53 · 713 阅读 · 0 评论 -
jQuery DOM节点操作
http://edu.51cto.com/lesson/id-14470.html一、创建节点var box = $('节点'); //创建一个节点$('body').append(box); //将节点插入到元素内部二、插入节点2.1 内部插入节点(即新节点作为指定节点的子节点)$('div').append('新节点');//将新节点stro转载 2015-07-13 17:06:35 · 519 阅读 · 0 评论 -
多个jquery{}在html中的执行顺序
$(function(){console.log("first");}); ...$(function(){console.log("middle");}); ....$(function(){console.log("last");}); $原创 2015-07-30 09:44:56 · 1284 阅读 · 0 评论 -
取消选中单选框radio的三种方式
注:验证有效。http://blog.csdn.net/renfufei/article/details/17465267本文提供了三种取消选中radio的方式,代码示例如下:本文依赖于jQuery,其中第一种,第二种方式是使用jQuery实现的,第三种方式是基于JS和DOM实现的。[html] view plaincopy转载 2015-08-11 14:34:43 · 1343 阅读 · 0 评论 -
jQuery mouseover与mouseenter,mouseout与mouseleave的区别
http://www.cnblogs.com/kingwell/archive/2012/09/09/2677258.htmlmouseover与mouseenter不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件。只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。mouseout与mouseleave不论鼠标转载 2015-08-11 19:45:52 · 530 阅读 · 0 评论 -
jQuery获取HTML元素的坐标
绝对坐标:(对于浏览器窗口的坐标)var x = $('#id').offset().top;var y = $('#id').offset().left;相对坐标:(相对于父元素的坐标)var x = $('#id').position().top;var y = $('#id').position().left;转载 2015-08-07 13:59:49 · 4159 阅读 · 0 评论 -
jQuery 从input中读取的内容的类型
如下HTML代码:YesNo使用jQuery代码去读取radio的值:var value1 = $('input[name=test1]').val();//check the value1if(value1 == true)//do somethingelse//do otherthing问题来了:如果该radio控件是选择Ye原创 2015-08-18 19:22:32 · 757 阅读 · 0 评论 -
HTML事件冒泡和JQuery阻止事件冒泡的方式
何为事件冒泡:HTML DOM模型是个树形结构,元素之间有相互嵌套的关系,比如Click Me 中div是父元素而a是子元素。如果父子元素都绑定了同一个事件比如onClick,当内层的子元素的事件被触发时,该事件会被传递到父元素中。jQuery中如何阻止事件冒泡:每个jQuery事件都有一个默认的参数对象,这就是event,通过执行该对象的event.stopPropagati原创 2015-08-06 14:23:32 · 6763 阅读 · 0 评论 -
easyui获取当前点击对象tabs的title
http://blog.csdn.net/itmyhome1990/article/details/17525461注:已在easyUI v1.4.2+jQuery v1.11.1中验证通过现在如果要关闭一个tab,只能点击该tab上面的x号。现增加双击tab使其关闭。可使用jquery的bind函数绑定dblclick双击事件tabs的关闭方转载 2015-07-23 16:25:43 · 7791 阅读 · 1 评论 -
SpringMVC如何接受POST请求中的json参数
前端代码:(javascript/jQuery)$.ajax({type:'POST',url:‘save.do’,dataType:'json',contentType: 'application/json',data: JSON.stringify(params),success: function(data){console.log(data);}原创 2015-07-23 13:33:09 · 11608 阅读 · 1 评论 -
jquery获取表单类型为radio的元素
HTML代码:YesNoText: Javascript代码:alert("form selector 1:"+$('#myid input:radio').size());//标签选择器和表单选择器:获取所有radio类型的元素,值为2alert("form selector and filter2:"+$('#myid input:radio'原创 2015-07-21 18:16:58 · 2660 阅读 · 0 评论 -
Javascript拷贝对象方法
注意:下面两种方法都验证通过。方法1:(jQuery方法)var o = {a: [1]};//浅拷贝:新对象成员直接引用原来对象成员的子对象。var o1 = $.extend({}, o);console.log(o1.a === o.a); // true//深拷贝:新对象成员重新建立一个新的子对象,并把原来对象成员的子对象值拷贝过来。var o2 = $.ex转载 2015-08-27 18:40:51 · 468 阅读 · 0 评论 -
JavaScript去除字符串两边空格trim
http://www.nowamagic.net/javascript/js_TrimInJavascript.php去除字符串左右两端的空格,在大部分编程语言中,比如PHP、vbscript里面可以轻松地使用 trim、ltrim 或 rtrim实现。但在js中却没有这3个内置方法,需要手工编写。下面的实现方法是用到了正则表达式,效率不错,并把这三个方法加入String对象的转载 2015-08-12 19:21:35 · 786 阅读 · 0 评论 -
jQuery--表单选择器
http://edu.51cto.com/lesson/id-14472.html一、常规选择器$('input').val();//默认获取第一个表单元素$('input').eq(1).val();//获取第二个表单元素$('input[type=password]').val();//选择所有type为password的表单元素$('input[name=转载 2015-07-14 09:42:26 · 442 阅读 · 1 评论 -
jQuery中DOM和CSS操作
注:val()函数只对表单有效。如果想设置多个选择的选定状态,比如下拉列表,单选复选框等等,可以通过数组传递操作。$("input").val(['check1', 'check2', 'radio1']);//注value值是这些的将被选定属性操作:注:1、attr(key, function(index,value){});中的匿名Function是用于计算转载 2015-07-13 15:59:32 · 629 阅读 · 0 评论 -
jQuery 事件方法
http://www.w3school.com.cn/jquery/jquery_ref_events.aspjQuery 事件方法事件方法会触发匹配元素的事件,或将函数绑定到所有匹配元素的某个事件。触发实例:$("button#demo").click()上面的例子将触发 id="demo" 的 button 元素的 click 事件。绑定实例:$("转载 2015-06-23 18:21:22 · 430 阅读 · 0 评论 -
jQuery 参考手册 - DOM 元素方法
http://www.w3school.com.cn/jquery/jquery_ref_dom_element_methods.aspjQuery DOM 元素方法函数描述.get()获得由选择器指定的 DOM 元素。.index()返回指定元素相对于其他指定元素的 index 位置。.siz转载 2015-06-23 18:43:31 · 417 阅读 · 0 评论 -
jQuery 核心 - jQuery() 方法
http://www.w3school.com.cn/jquery/jquery_ref_core.aspjQuery 核心 - jQuery() 方法jQuery核心参考手册实例找出所有属于 div 元素的子元素的 p 元素,然后设置其边框属性:$("div > p").css("border", "1px solid gray");亲自试一试转载 2015-06-23 18:33:47 · 369 阅读 · 0 评论 -
jQuery 数据操作函数
http://www.w3school.com.cn/jquery/jquery_ref_data.asp这些方法允许我们将指定的 DOM 元素与任意数据相关联。函数描述.clearQueue()从队列中删除所有未运行的项目。.data()存储与匹配元素相关的任意数据。jQu转载 2015-06-23 18:32:03 · 418 阅读 · 0 评论 -
jQuery 属性操作方法
http://www.w3school.com.cn/jquery/jquery_ref_attributes.asp下面列出的这些方法获得或设置元素的 DOM 属性。这些方法对于 XML 文档和 HTML 文档均是适用的,除了:html()。方法描述addClass()向匹配的元素添加指定的类名。定义和用法转载 2015-06-23 18:28:05 · 437 阅读 · 0 评论 -
jQuery 遍历函数
jQuery 遍历函数包括了用于筛选、查找和串联元素的方法。函数描述.add()实例找到所有 div 并添加边框。然后将所有段落添加到该 jQuery 对象,并把它们的背景设置为黄色:$("div").css("border", "2px solid red") .add("p") .c转载 2015-06-23 18:14:47 · 710 阅读 · 0 评论 -
jQuery 文档操作方法
http://www.w3school.com.cn/jquery/jquery_ref_manipulation.aspjQuery 文档操作方法这些方法对于 XML 文档和 HTML 文档均是适用的,除了:html()。方法描述addClass()向匹配的元素添加指定的类名。after()转载 2015-06-23 18:22:47 · 349 阅读 · 0 评论 -
jQuery 选择器
jQuery 选择器选择器实例选取*$("*")所有元素#id$("#lastname")id="lastname" 的元素.class$(".intro")所有 class="intro" 的元素ele转载 2015-06-23 18:16:18 · 316 阅读 · 0 评论 -
jQuery CSS 操作函数
http://www.w3school.com.cn/jquery/jquery_ref_css.asp下面列出的这些方法设置或返回元素的 CSS 相关属性。CSS 属性描述css()设置或返回匹配元素的样式属性。height()设置或返回匹配元素的高度。offset()转载 2015-06-23 18:31:37 · 407 阅读 · 0 评论 -
JQuery EasyUI IE浏览器出现‘Rowspan’ 为空或不是对象
环境:EasyUI 1.4.2.现象:在使用JQuery EasyUI 的datagrid控件时,使用动态指定columns的方式,相关代码如下:$("#topApList").datagrid({columns:[[{field:'aaa',title: 'aaa',align: 'center',width: 130}, {field:'bbb',title: 'bb原创 2015-06-25 13:38:57 · 3432 阅读 · 1 评论 -
使用jQuery解析JSON数据
http://www.cnblogs.com/codeplus/archive/2011/07/18/2109544.html注:在JQuery1.11.1中验证通过在上一篇的Struts2之ajax初析中,我们得到了comments对象的JSON数据,在本篇中,我们将使用jQuery进行数据解析。我们先以解析上例中的comments对象的JSON数据为例,然后再小转载 2015-06-30 11:41:34 · 732 阅读 · 0 评论 -
jQuery 选择器
http://edu.51cto.com/lesson/id-14460.htmljQuery最核心的组成部分:选择器引擎。它继承了CSS语法,可以对DOM元素的标签名、属性名、状态灯进行快速准确的选择,最重要的是无需担心浏览器的兼容性。使用方法:1、使用$()函数来包装CSS规则,如$("#box")返回ID为box的DOM节点对象2、对DOM节点对象进行CSS操转载 2015-07-10 19:38:57 · 446 阅读 · 0 评论 -
Javascript/jQuery动态修改radio/checkbox值
HTML代码:"checked" />10Javascript代码:function setInputValue(nameStr, type, value){var selector = "input[name="+nameStr+"]";//属性选择器,nameif(type != null) {if(type == "radio" || type =原创 2015-07-25 15:50:22 · 5187 阅读 · 0 评论 -
jQuery 多个$()执行
在jQuery中可以通过$(function(){})来设置文档准备就绪时执行相关操作。那么是否支持设置多个$(function(){})呢?如果支持,其执行顺序如何?做如下实验:jQuery1.11$(function(){alert("1");});$(function(){alert("2");});$(function(){alert("3");原创 2015-07-10 11:18:33 · 931 阅读 · 0 评论 -
jQuery Javascript加载模式
http://edu.51cto.com/lesson/id-14460.htmljQuery库文件是在body元素之前加载的,我们必须等待所有的DOM元素加载后,延迟支持DOM操作,否则就无法找到DOM元素。window.onload = function(){};//javascript等待加载$(document).ready(function(){});//jQue转载 2015-07-10 15:50:26 · 414 阅读 · 0 评论 -
javascript 监测页面离开事件
javascript 监测页面离开事件原创 2015-07-09 16:10:34 · 6126 阅读 · 0 评论 -
jQuery 参考手册 - Ajax
http://www.w3school.com.cn/jquery/jquery_ref_ajax.aspjQuery Ajax 操作函数jQuery 库拥有完整的 Ajax 兼容套件。其中的函数和方法允许我们在不刷新浏览器的情况下从服务器加载数据。函数描述jQuery.ajax()执行异步 HTTP (Ajax) 请求。转载 2015-06-09 19:12:30 · 632 阅读 · 0 评论 -
jQuery Ajax EasyUI周期性更新datagrid的数据
1、定时任务接口:javascript中的HTML DOM Window 对象:setInterval/clearInterval。setInterval用法:参考http://www.w3school.com.cn/jsref/met_win_setinterval.asp语法setInterval(code,millisec[,"lang"])参原创 2015-06-09 19:09:51 · 4149 阅读 · 0 评论