jQuery
敲键盘的猫
这个作者很懒,什么都没留下…
展开
-
jQuery实现button按钮提交表单
在JSP页面中,通常使用button按钮提交表单数据,使用jQuery实现代码如下:// 用户登录$("#login").click(function() {//button的click事件 if (checkUser() && checkPwd) {//验证方法是否合格 $("#ufrm").submit(); }});原创 2016-01-05 20:34:28 · 17204 阅读 · 0 评论 -
2016年11月5日一周知识点总结
一、jQuery知识点(1)next()方法:是指获得匹配元素的相邻同辈元素(即下一个同辈元素),注意,同辈元素并不是标签相同的元素,而是指该元素闭合后的下一个元素,如实例中的”美女,亲一下“,div闭合后的下一个元素为。(2)如果next()加上参数,即next("div"),如果下一个相邻元素不是div,则为空,即一定是相邻的。(3)nextAll()方法:指获得匹配元素之后所有的原创 2016-11-05 21:20:31 · 507 阅读 · 0 评论 -
ui-choose|列表选择jQuery美化插件
ui-choose是一款基于jQuery的列表选择美化插件。ui-choose可用于选项不太多的select、radio、checkbox等,提升用户体验。使用方法使用ui-choose列表美化插件需要引入jQuery、ui-choose.js和ui-choose.css文件。 HTML结构ui-choose可用于无序列表或下拉列表的美化。无序列表和下拉列表的HTML转载 2016-11-07 21:58:25 · 2587 阅读 · 0 评论 -
jQuery选择器的效率问题
jQuery提供了功能强大,并兼容多种css版本的选择器,不过发现很多同学在使用选择器时并未注重效率的问题。a) 尽量使用Id选择器,jQuery选择器使用的API都是基于getElementById或getElementsByTagName,因此可以知道效率最高的是Id选择器,因为jQuery会直接调用getElementById去获取dom,而通过样式选择器获取jQuery对象时往转载 2016-10-05 10:02:32 · 363 阅读 · 0 评论 -
jQuery插件开发小结
jQuery插件开发规范1. 使用闭包(function($) { // Code goes here})(jQuery);这是来自jQuery官方的插件开发规范要求,使用这种编写方式有什么好处呢? a) 避免全局依赖。 b) 避免第三方破坏。 c) 兼容jQuery操作符'$'和'jQuery '。2. 扩展jQue原创 2016-10-05 10:12:35 · 396 阅读 · 0 评论 -
jQuery.extend 函数使用详解
一、Jquery的扩展方法原型是: extend(dest,src1,src2,src3...); 它的含义是将src1,src2,src3...合并到dest中,返回值为合并后的dest,由此可以看出该方法合并后,是修改了dest的结构的。如果想要得到合并的结果却又不想修改dest的结构,可以如下使用:var newSrc=$.extend({},src转载 2017-01-16 21:47:07 · 491 阅读 · 0 评论 -
JS调用免费接口根据ip查询位置
免费接口如下:新浪的IP地址查询接口:http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js新浪多地域测试方法:http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js&ip=218.192.3.42搜狐IP地址查询接口(默认GBK):http://pv原创 2016-08-28 21:53:26 · 7899 阅读 · 1 评论 -
jquery选择器之获取父级元素、同级元素、子元素
一、获取父级元素1、 parent([expr]): 获取指定元素的所有父级元素二、获取同级元素:1、next([expr]): 获取指定元素的下一个同级元素2、nextAll([expr]): 获取指定元素后边的所有同级元素HelloHello AgainAnd Againvar p_nex = $("p").nextAll().andSelf();p_nex.ad转载 2017-03-15 15:38:59 · 703 阅读 · 0 评论 -
2017年3月25日工作日志:Jquery使用小结[绑定事件判断、select标签、军官证正则]
jQuery获取DOM绑定事件在1.8.0版本之前,我们要想获取某个DOM绑定的事件处理程序可以这样:$.data(domObj,'events');//或者$('selector').data('events')而从1.8.0版本开始,jQuery突然不支持这样使用了,而是改到了一个叫'_data'的函数功能上了,即1.8.0及以后的版本你可以这么用:$._data(domObj,'原创 2017-03-25 13:29:13 · 1484 阅读 · 0 评论 -
jQuery插件之ajaxFileUpload
ajaxFileUpload.js 很多同名的,因为做出来一个很容易。我用的是这个:https://github.com/carlcarl/AjaxFileUpload 下载地址在这里:http://files.cnblogs.com/files/kissdodog/ajaxfileupload_JS_File.rarAjaxFileUpload.js并不是一个很出名的插件,只是别人写转载 2017-05-25 09:57:47 · 394 阅读 · 0 评论 -
$.ajax 中的contentType
在 cnodejs.org 论坛中有一个问题,让我也很奇怪,说是 $.ajax 设置数据类型 applicaiton/json之后,服务器端(express)就拿不到数据,好奇之下,就去翻了翻资料,发现了一个自己也没有注意到的事。于是有了这篇文章。正文$.ajax contentType 和 dataType , contentType 主要设置你发送给服务器的格式,dataType设转载 2017-11-23 16:55:27 · 314 阅读 · 0 评论 -
通俗易懂JSONP讲解
原文地址:http://www.cnblogs.com/dowinning/archive/2012/04/19/json-jsonp-jquery.htmlJSON的格式或者叫规则:JSON能够以非常简单的方式来描述数据结构,XML能做的它都能做,因此在跨平台方面两者完全不分伯仲。1、JSON只有两种数据类型描述符,大括号{}和方括号[],其余英文冒号:是映射符,英文逗号,是分隔转载 2016-10-23 17:23:01 · 1019 阅读 · 0 评论 -
JS实现select去除option的使用注意事项
网上讲JS动态添加option和删除option的文章很多,在此推荐一篇:http://www.jb51.net/article/35205.htm我使用的是如下方法:function removeAll(){var obj=document.getElementById('mySelect');obj.options.length=0;} 由于使用jQuery习惯了,获取sel原创 2016-08-11 11:20:03 · 1457 阅读 · 0 评论 -
JQuery中易混淆的概念
append():向每个匹配的元素内部追加内容。I would like to say: $("p").append("Hello");I would like to say:HelloappendTo():把所有匹配的元素追加到另一个、指定的元素集合中。I would like to say: $("p").appendTo("div");I wou原创 2016-06-05 21:09:27 · 560 阅读 · 0 评论 -
jquery.cookie中的操作
jquery.cookie中的操作:jquery.cookie.js是一个基于jquery的插件,点击下载!创建一个会话cookie:$.cookie(‘cookieName’,'cookieValue’);注:当没有指明cookie时间时,所创建的cookie有效期默认到用户浏览器关闭止,故被称为会话cookie。创建一个持久cookie:$.cookie(‘cookie转载 2016-07-09 21:06:49 · 280 阅读 · 0 评论 -
jQuery插件之Cookie
一、jQuery.Cookie.js插件是一个轻量级的Cookie管理插件。 特别提醒,今日发现一个特别的错误,google浏览器提示:has no method $.cookie。火狐浏览器提示:$.cookie is not a function;调试了半天,终于找到原因,如果同一个页面两次或者多次引入jQuery插件就会报此错误。 使用方法: 1、引入jQuery与jQue转载 2016-07-09 21:10:24 · 374 阅读 · 0 评论 -
jQuery.ajax
参数名 类型描述url String(默认: 当前页地址) 发送请求的地址。typeString(默认: "GET") 请求方式 ("POST" 或 "GET"), 默认为 "GET"。注意:其它 HTTP 请求方法,如 PUT 和 DELETE 也可以使用,但仅部分浏览器支持。timeoutNumber设置请求超原创 2016-07-09 21:51:53 · 382 阅读 · 0 评论 -
Jquery操作CSS样式
//1、获取和设置样式$("#tow").attr("class");//获取ID为tow的class属性$("#two").attr("class","divClass");//设置Id为two的class属性。//2、追加样式$("#two").addClass("divClass2");//为ID为two的对象追加样式divClass2//3、移除样式$("#two").re原创 2016-07-25 13:13:05 · 526 阅读 · 0 评论 -
jquery动态移除/增加onclick属性详解
本文章给大家介绍利用jquery的removeAttr与attr事件来给a标签增加与删除onclick事件的具体操作方法,有需要了解的朋友可参考。要实现效果:点击链接先去掉onclick属性,3秒后再自动加上该标签中的onclick属性jQuery中,针对标签属性的操作都是使用attr()方法来实现的,比如:$("a").attr("onclick")可获得a标签的onclick属性,对应转载 2016-07-25 13:19:54 · 5181 阅读 · 0 评论 -
jquery判断checkbox是否选中及改变checkbox状态
因为Jquery的版本问题,取checkbox的选中状态值,被害惨了。。。下面是网上的总结(http://www.wufangbo.com/jquery-pan-duan-checked/):jquery判断checked的三种方法:.attr(‘checked’): //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false.原创 2016-06-19 16:15:13 · 373 阅读 · 0 评论 -
jQuery的html(),text()和val()比较
.html()用为读取和修改元素的HTML标签;.text()用来读取或修改元素的纯文本内容;.val()用来读取或修改表单元素的value值; 一看黑体的部分,所以把text和html分为一组,他们都是对元素取值或设置,只有val是对表单元素的。html和val 都是读取时,取第一个匹配的值,但是设置时却是设置每一个匹配的值,所以在使用当中如无必要,元素的I原创 2016-07-06 14:52:18 · 357 阅读 · 0 评论 -
用JS获取地址栏参数的方法
方法一:采用正则表达式获取地址栏参数:( 强烈推荐,既实用又方便!)functionGetQueryString(name){ varreg = newRegExp("(^|&)"+ name +"=([^&]*)(&|$)"); varr = window.location.search.substr(1).matc转载 2016-07-09 16:47:25 · 402 阅读 · 0 评论 -
JQueryUI Chosen插件
github地址:https://harvesthq.github.io/chosen/#change-update-eventsUsing Chosen is easy as can be.Download the plugin and copy the chosen files to your app.Activate the plugin on the select bo原创 2016-08-17 17:06:16 · 3609 阅读 · 0 评论 -
动态加载JS文件方法总结
1、JQuery方法$.getScript("./test.js"); //加载js文件$.getScript("./test.js",function(){ //加载test.js,成功后,并执行回调函数 console.log("加载js文件");});2、JavaScript方法function loadScript(url, callback) { var转载 2017-12-15 11:39:59 · 343 阅读 · 0 评论