
JQuery
文章平均质量分 58
Houzhyan
What is insistence? That is,day after day,you tell yourself to go on for another day.
展开
-
jQuery的三种$()
$号是jQuery“类”的一个别称,$()构造了一个jQuery对象。所以,“$()”可以叫做jQuery的构造函数(个人观点,呵呵!)。1、$()可以是$(expresion)即css选择器、Xpath或html元素,也就是通过上述表达式来匹配目标元素。 比如:$("a")构造的这个对象,是用CSS选择器构建了一个jQuery对象——它选择了所有的这个标签。如:$("a"转载 2017-03-29 22:05:55 · 372 阅读 · 0 评论 -
通过jquery获取input的value问题--理解JQuery对象和JS:DOM对象区别与联系
刚开始接触jquery,很多东西不熟悉在用$("#id")来获得页面的input元素的时候,发现$("#id").value不能取到值$("")是一个jquery对象,而不是一个dom element value是dom element的属性 jquery与之对应的是val val() :获得第一个匹配元素的当前值。 val(val):设置每一个匹配元素的值原创 2017-05-16 01:31:31 · 1965 阅读 · 0 评论 -
jQuery File Upload-jQuery上传插件
插件描述:jQuery File Upload 是一个Jquery图片上传组件,支持多文件上传、取消、删除,上传前缩略图预览、列表显示图片大小,支持上传进度条显示;支持各种动态语言开发的服务器端。下载文件更新时间:2016-08-19(修改官网调用地址不能访问问题)jQuery File Upload 是一个Jquery图片上传组件,支持多文件上传、取消、删除,上传前缩略图预览、列转载 2017-05-29 22:09:23 · 1628 阅读 · 0 评论 -
jQuery选择器总结
1234567891011121314151617181920212223242526272829303132333435转载 2017-05-29 22:14:13 · 394 阅读 · 0 评论 -
同源策略和Jsonp跨域请求解析
1. Ajax不能跨域请求的原因同源策略(Same Origin Policy),是一种约定,该约定阻止当前脚本获取或者操作另一个域下的内容。所有支持Javascript的浏览器都支持同源策略,也就是说浏览器可以隔离来自不同源的内容,阻止跨域请求的发生。 通俗的说法就是,A服务器的a端口下执行的普通ajax程序,不能访问B服务器或A服务器的其他端口,是一种隔离策略.但对于标转载 2017-06-15 09:37:19 · 1450 阅读 · 0 评论 -
jsonp详解跨域请求
jsonp详解json相信大家都用的多,jsonp我就一直没有机会用到,但也经常看到,只知道是“用来跨域的”,一直不知道具体是个什么东西。今天总算搞明白了。下面一步步来搞清楚jsonp是个什么玩意。同源策略首先基于安全的原因,浏览器是存在同源策略这个机制的,同源策略阻止从一个源加载的文档或脚本获取或设置另一个源加载的文档的属性。看起来不知道什么意思,实践一下就知道了。转载 2017-06-07 20:17:40 · 426 阅读 · 0 评论 -
HTML5 [data-]属性——使用HTML标签的data属性初始化JS组件
前言:最近使用bootstrap组件的时候发现一个易用性问题,很多简单的组件初始化都需要在JS里面写很多的初始化代码,比如一个简单的select标签,因为仅仅只是需要从后台获取数据填充到option里面,可是从后台取数据就需要js的初始化,所以导致页面初始化的时候js的初始化代码里面出现很多重复的代码,看着很闹心。于是想起bootstrap table里面的data属性来,如果能够直接在html里转载 2017-06-09 17:51:19 · 1774 阅读 · 0 评论 -
Jquery异常:Uncaught ReferenceError: jQuery is not defined
js路径问题,确保script的src引用路径正确页面jQuery.js的引用位置问题,如果导入了其它与jquery有关的js文件,那么jquery.js须在其它js的前面错误引用位置JavaScript" src="js/jquery-ui-1.10.4.custom.js">javascript" src="js/jquery-1.10.2.js">转载 2017-06-27 17:55:09 · 4098 阅读 · 0 评论 -
jQuery的选择器中的通配符[id^='code']或[name^='code']及jquery选择器总结
原文地址:http://www.jb51.net/article/76917.htm1.选择器(1)通配符:12345678910111213$("input[id^='code']");//id属性以code开始的所有input标签$("input[id$='code']");//id转载 2017-06-04 18:43:40 · 4696 阅读 · 3 评论 -
jQuery ajax - ajax() 方法
jQuery Ajax 参考手册实例通过 AJAX 加载一段文本:jQuery 代码:$(document).ready(function(){ $("#b01").click(function(){ htmlobj=$.ajax({url:"/jquery/test1.txt",async:false}); $("#myDiv").html(h转载 2017-10-28 10:55:15 · 523 阅读 · 0 评论 -
一个ajax实现根据积分查询mysql获取用户等级的小demo
一个小功能,临时用的时候写起来麻烦,所以整理一下,就是普通的ajax请求获取反馈,只是框架用久了,有点生疏.数据库 acorse.sqlPRIMARY KEY (`id`)CREATE TABLE `acorse` ( `id` int UNSIGNED PRIMARY KEY NOT NULL AUTO_INCREMENT COMMENT 'ID', `rank` c原创 2017-10-23 17:06:24 · 2977 阅读 · 0 评论 -
jquery 联合选择器,相对选择和层级选择器__多类交集选择器,多属性选择器
1、多条件选择器用途:使用多个条件同时选择多个标签用法:$(“条件1,条件2,条件3,……,条件n “);特征:多个条件在“”内用逗号隔开;用例:$(“div#id,span.tip,p”); //同时选择id为“id”的div标签,class为“tip”的span标签和p标签;2、相对选择器用途:使用第二个参数选出相对元素,从而不影响其他具有相同条原创 2017-10-26 10:26:31 · 8994 阅读 · 0 评论 -
jQuery选择器本质及使用技巧,三种$()__有用
$号是jQuery“类”的一个别称,$()构造了一个jQuery对象。所以,“$()”可以叫做jQuery的构造函数(个人观点,呵呵!)。本文的重点放在后半段1、$()可以是$(expresion),即css选择器、Xpath或html元素,也就是通过上述表达式来匹配目标元素。 比如:$("a")构造的这个对象,是用CSS选择器构建了一个jQuery对象——它选择了所有的这个标签。转载 2017-10-26 17:45:27 · 537 阅读 · 0 评论 -
JS和Jquery获取和修改label的值的示例代码
JS和Jquery获取和修改label的值的示例代码一、label标签在JS和Jquery中使用不能像其他标签一样用value获取它的值,下面有个不错的示例,希望大家可以学习下二、获取值: label标签在JS和Jquery中使用不能像其他标签一样用value获取它的值: 复制代码代码如下:var label=document.getElemen转载 2017-12-12 21:53:25 · 513 阅读 · 0 评论 -
jQuery插件之jQuery.Form.js用法实例分析(附demo示例源码)
原文链接:http://www.jb51.net/article/77439.htm本文实例讲述了jQuery插件之jQuery.Form.js用法。分享给大家供大家参考,具体如下:一、jQuery.Form.js 插件的作用是实现Ajax提交表单。方法:1.formSerilize() 用于序列化表单中的数据,并将其自动整理成适合AJAX异步请求的URL地址格式转载 2018-01-06 18:47:32 · 2705 阅读 · 0 评论 -
jQuery.Form.js 异步提交表单使用总结
jQuery.Form.js 是一个用于使用jQuery异步提交表单的插件,它使用方法简单,支持同步和异步两种方式提交。第一步:引入jQuery与jQuery.Form.js1 2 第二步:HTML示例代码div id="div1"> form id="form1" method="get" action="#"> p>转载 2018-01-06 20:08:00 · 446 阅读 · 0 评论 -
jQuery.print网页内容打印jQuery插件
简要教程jQuery.print是一款简单易容且功能强大的网页内容打印jQuery插件。该网页打印插件可以打印指定区域的网页元素,可以指定跳过不打印某些元素,还可以打印整个页面内容。并且提供了丰富的打印参数设置。 使用方法使用该网页打印插件要引入jQuery和jquery.print.js文件。<script type="text/javascript" src="js/jquery.min...转载 2018-03-28 19:14:23 · 984 阅读 · 0 评论 -
jQuery 数据 - jQuery.data() 方法和HTML 5 的自定义 data-* 属性
更新此时要取到对应的元素,可以使用 $(function(){ //找到所有的id属性以a-setting-update-开头的a元素,绑定事件 $('a[id^=a-setting-update-]').click(function(evt){ //找到对应的表单元素 var setting_id = $(this).data('setting_id');转载 2017-05-07 11:35:01 · 3491 阅读 · 0 评论 -
jquery 如何动态添加、删除class样式方法介绍
取与设置样式 获取class和设置class都可以使用attr()方法来完成。例如使用attr()方法来获取p元素的class,jquery代码如下: 复制代码 代码如下:var p_class = $("p").attr("class"); //获取p元素的class [html] 使用attr()方法来设置p元素的class,JQuery代码如下: [code]转载 2017-05-16 01:20:31 · 511 阅读 · 0 评论 -
使用 noConflict() 方法为 jQuery 变量规定新的名称
jQuery 核心 - noConflict() 方法jQuery 核心参考手册实例使用 noConflict() 方法为 jQuery 变量规定新的名称:var jq=$.noConflict();亲自试一试定义和用法noConflict() 方法让渡变量 $ 的 jQuery 控制权。该方法释放 jQuery 对转载 2017-03-29 23:37:51 · 619 阅读 · 0 评论 -
jquery的ajax提交时loading提示的处理方法
方法1:使用ajaxStart方法定义一个全局的“加载中。。。”提示 $(function(){ $("#loading").ajaxStart(function(){ $(this).html(""); }); $("#loading").ajaxSuccess(function(){ $(this).h转载 2017-04-04 21:35:17 · 1848 阅读 · 0 评论 -
JQuery -AJAX- html中提交表单并实现不跳转页面处理返回值
本文中实现在html中使用jQuery的组件实现表单提交并在当前页面中处理返回值。1、使用AjaxForm方式(1)、导入js文件 需要导入相关的js文件。使用ajaxForm方式需要使用到jquery和jquery-form两个js文件。如:[html] view plain copy print?转载 2017-04-05 15:26:57 · 10218 阅读 · 1 评论 -
jQuery - Validate插件为表单提供强大的验证功能
jQuery ValidatejQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 API。所有的捆绑方法默认使用英语作为错误信息,且已翻译成其他 37 种语言。该插件是由 Jörn Zaef转载 2017-04-29 16:42:16 · 1958 阅读 · 0 评论 -
书写高质量jQuery代码的12条经验
1、正确引用jQuery尽量在body结束前才引入jQuery,而不是在head中。借助第三方提供的CDN来引入jQuery,同时注意当使用第三方CDN出现问题时,要引入本地的jQuery文件。如果在前引入script文件的话,就不用写document.ready了,因为这时执行js代码时DOM已经加载完毕了。转载 2017-04-14 16:09:53 · 308 阅读 · 0 评论 -
php+jquery+ajax+json的一个最简单实例
php+jquery+ajax+json的一个最简单实例html页面: http-equiv="content-type" content="text/html;charset=utf-8" /> type="text/javascript" src="jquery-1.8.2.min.js"> type="text/javascript"> $(func转载 2017-04-06 15:32:33 · 1964 阅读 · 0 评论 -
jquery 自定义函数方法
总结:* jQuery中添加自定义或函数方法1,如 $.fn.extend({'aa':function(){}}) 或 jQuery.fn.aa=function(){}, 这种调用时就得这样,$("#**").aa()*jQuery中添加自定义或函数方法2,如$.extend({'aa':function(){}}),这种调用时就是这样$.aa()* jQuery中添加转载 2017-05-01 21:29:36 · 12318 阅读 · 0 评论 -
jquery实现弹出窗口效果的实例代码
原文:http://www.jb51.net/article/43862.htmJavascript实现弹出窗口实质上就是在浏览器上画了一个方形区域,并在开始时将其隐藏,只是到某个Javascript事件时才通过修改css的属性值来将其显示出来。其大致步骤为:•创建一个装载弹出窗口的div复制代码 代码如下: jQuery实例1:浮动窗口转载 2017-05-01 21:31:37 · 734 阅读 · 0 评论 -
jQuery判断checkbox是否选中
经过多方资料实践,得到最优的方案,并根据不同需求归纳,其中用到jQuery的prop方法,is方法等.一 全选的判断使用jquery,应使用prop方法来获取和设置checked属性1.prop( ) 定义和用法prop() 方法设置或返回被选元素的属性和值。当该方法用于返回属性值时,则返回第一个匹配元素的值。当该方法用于设置属性值时,则为匹配元原创 2017-05-01 21:56:29 · 673 阅读 · 0 评论 -
文件上传预览插件 Bootstrap-fileinput组件封装及使用
介绍通过本文,你可以学习到如何封装或者开发一个前端组件,同时学习Bootstrap-fileinput组件的使用,封装后使用更加简单方便。 BaseFile是AdminEAP框架中基于Bootstrap-fileinput的附件上传组件,它支持 支持多文件、在线预览、拖拽上传等功能,封装后BaseFile主要包括以下功能:弹出窗口的附件上传当前界面的附件上传显示转载 2017-05-10 23:48:07 · 5250 阅读 · 1 评论 -
Bootstrap fileinput.js,最好用的文件上传组件
本篇介绍如何使用bootstrap fileinput.js(最好用的文件上传组件)来进行图片的展示,上传,包括springMVC后端文件保存。一、demo 二、插件引入link type="text/css" rel="stylesheet" href="${ctx}/components/fileinput/css/fileinput.css" />s转载 2017-05-10 23:50:05 · 783 阅读 · 0 评论 -
50 个 Bootstrap 插件(收藏备用)
Bootstrap是快速开发Web应用程序的前端工具包。它是一个CSS和HTML的集合,它使用了最新的浏览器技术,给你的Web开发提供了时尚的版式,表单,buttons,表格,网格系统等等。本文向你推荐 50 个 Bootstrap 的插件,可以考虑在你下一个项目中使用它们。1. Bootstrap Multiselect2. Bootstrap Dialog转载 2017-05-10 23:53:34 · 1680 阅读 · 0 评论 -
JQuery.BlockUI弹框插件
JQuery.BlockUI是众多JQuery插件弹出层中的一个,它小巧(原版16k,压缩后10左右),容易使用, 功能齐全,支持Iframe,支持Modal,可定制性高也意味他默认谦虚的外表。jQuery的BlockUI插件可以让你在使用AJAX时模拟同步行为,锁定浏览器(模式窗口)。当被激活时,它会防止用户活动的页面(或页面的一部分),直到它被禁用。 BlockUI添加元素的DOM,给转载 2017-05-07 00:58:40 · 680 阅读 · 0 评论 -
jQuery 参考手册 - 选择器
jQuery 选择器选择器实例选取*$("*")所有元素#id$("#lastname")id="lastname" 的元素.class$(".intro")所有 class="intro" 的元素element$("p")所有 元素转载 2017-05-16 00:57:23 · 331 阅读 · 0 评论 -
jQuery选择器和选取方法
我们已经使用了带有简单Css选择器的jQuery选取函数:$()。现在是时候深入了解jQuery选择器语法,以及一些提取和扩充选中元素集的方法了。 一、jQuery选择器在CSS3选择器标淮草案定义的选择器语法中,jQuery支持相当完整的一套子集,同时还添加了一些非标准但很有用的伪类。注意:本节讲述的是 jQuery选择器。其中有不少选择器(但不是全部)可以在CSS样式表中使用。选转载 2017-05-16 01:00:32 · 841 阅读 · 0 评论 -
jQuery取得select选中的值
$("#select1 option:selected").text();转载 2017-05-16 01:03:29 · 531 阅读 · 0 评论 -
jq获取表单值与赋值代码
jq获取表单值与赋值代码jq获取表单值与赋值代码jq获取表单值与赋值代码 $("#keyword")[0].value = ""; /*获得TEXT.AREATEXT的值*/ var textval = $("#text_id").attr("value"); //或者 var textval = $("#text_id").val(); /*获取...转载 2018-07-23 01:33:49 · 729 阅读 · 0 评论