jquery设置css样式、style属性 示例 jquery可以非常的方便设置或修改div的样式了,在此小编为各位总结一下jquery设置css样式、style属性 示例吧,希望可以帮助到大家。 css虽然会在一开始我们就定义好了,但是有很多场景需要我们动态设置css,或者单独修改一个dom控件的style属性,今天分享一下我总结的jquery设置css及style样式的方法。 一、CSS 1、css(name) 访问第一个匹配元素的样式属性。 返回值 String 参数 name (String) : 要访问... 2016年01月08日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文
一个简单的返回顶部jQuery程序代码 返回顶部对于使用js来写那是很难很难的,至少对于小编来讲,但是对于jquery来说是非常的简单了,只需要一段代码即可,具体下面看例子。 本文演示jQuery返回顶部,当文章页比较长时间,可以方便用户返回网站的顶部,实现代码也不难,大家学习下! 调用代码如下: <script language="javascript" type="text/javascript" src="jquery-1.4.2.min.js"></script> <... 2016年01月08日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文
jQuery 克隆对象的简单示例 开始以为可以使用jQuery的clone() 但后发现这个不能用了,于时gg之后发现现在jquery克隆对象使用extend插件了,下面来看看吧。 简单例子,代码如下: // 浅层复制(只复制顶层的非 object 元素) var newObject = jQuery.extend({}, oldObject); // 深层复制(一层一层往下复制直到... 2016年01月08日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文
深入解析jQuery $.each的使用方法 each在jquery中常用于遍历数组与遍历对象了,下文小编整理了很多的关于jQuery $.each的使用方法例子,希望能帮助到大家。 通过jQuery $.each,你可以遍历对象、数组的属性值并进行处理。 使用说明: each函数根据参数的类型实现的效果不完全一致: 1、遍历对象(有附加参数),代码如下: $.each(Object, function(p1, p2) { this;&n... 2016年01月08日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文
jquery中html,text,val的区别对比 在jquery中html,text,val是有区别的,今天小编在做一个系统时认真的测试了它们三个的功能与使用的技巧,下面整理一下方法供各位参考。 .html()用为读取和修改元素的HTML标签 .text()用来读取或修改元素的纯文本内容 .val()用来读取或修改表单元素的value值。 <h3>一、jquery中HTML</h3> 1. 无参html() 方法用来获取任意元素的HTML内容,如果你调用多个选定元素的.html()方法,那么其读取的只... 2016年01月08日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文
JQuery触发事件多实例讲解 触发事件,或称模拟用户动作。在js中,如果我们要触发一个按钮的点击事件,直接使用元素的onclick事件,然后调用相关函数就可以了。下面是我整理的一些触发事件实例。 JQuery触发事件使代码分离,在js中,如果我们要触发一个按钮的点击事件,直接使用元素的onclick事件,然后调用相关函数就可以了,这样的 写法则是让代码与html结合到一起了,在Jquery中就不用这样了,它有另外的几种写法,可以使代码与html... 2016年01月08日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文
jQuery Validation表单验证范例 jQuery Validato表单验证插件,它是基于jQuery类库,实现了js脚本于页面html代码的分离。你可以划分多个校验组,每个组的校验都是互不影响。对一个表单对象,你只需要写一行代码就可以轻松实现无数种(理论上)脚本控制。 jq代码如下: /** * @author ming */ $(document).ready(function(){ /* 设置默认属性 */ ... 2016年01月07日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文
jQuery操作表单元素各种方法总结 下面整理了一些在jquery中常用的操作表单元素的一些代码,这些代码非常的有用下面整理一下给各位,希望对大家帮助。 表单元素无处不在,已然成了Web应用不可或缺的一个部分。对表单最最最常见的操作就是获取表单元素的值或者更改表单元素的值。那在JQuery和JavaScript中怎么操作表单元素的值? JQuery操作表单总结: 1、文本框、密码框、隐藏域、文本域(id换成对应的,value属性存在,才能利用attr(‘value’... 2016年01月07日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文
jQuery JSON的省市联动实例代码 jQuery JSON的省市联动实例代码原理就是利用ajax来动态加载从mysql数据库中查询过来的数据,然后由jquery 遍历json进行重置select了,下面来看看这个例子布局吧。 首先在head中载入jquery库和cityselect插件。 接下来,我们在#city中,放置三个select,并且三个select分别设置class属性为:prov、city、dist,分别表示省、市、区(县)三个下拉框。注意如果只想实现省市二级联动,则去掉第三个dist的select... 2016年01月07日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文
Js无法读取cookie问题解决办法 在工作中需要一个跨域操作cookie了,但使用常用js是无法实现了,后来发现一个jquery.cookie插件就可以实现了,具体方法如下。 问题描述: 需要使用一个跨域的cookie,发现无法设置和读取cookie cookie使用的是jquery cookie.下载地址:http://plugins.jquery.com/cookie/。 说实话,官方的使用方法实在没看懂,好在网友给力。 简单的说下使用方法: 写cookie: $.cookie('php', 'phpdo'); 读取cookie: $.c... 2016年01月07日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文
为懒人提供的可以直接用的15个jQuery代码实例 现在的人都越来越懒了,我也不例外。本文收集了15段非常实用的jQuery代码片段,你可以直接复制黏贴到代码里,下面就让我们一起来享受jQuery代码的魅力之处吧。 jQuery里提供了许多创建交互式网站的方法,在开发Web项目时,开发人员应该好好利用jQuery代码,它们不仅能给网站带来各种动画、特效,还会提高网站的用户体验。 1.预加载图片 (function($) { var cache&nbs... 2016年01月07日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文
jQuery实现domReady和onload判断及兼容的方法 要了解 jQuery 对 domReady 和 load 的区别,就是jQuery对于兼容的 domReady 是如何实现的而已。因为 onload 是各个浏览器已经实现的事件,而 DOMContentLoaded 未被低版本IE实现。 对于 jQuery 使用中 $( function(){} ) 的形式我们都不陌生,将事件函数绑定在 dom 加载完毕的时刻,相对于 window.onload 来讲可以避免一些图片,动态脚本,以及一些外部资源等加载对于当前代码执行带来的较大的延时影响,... 2016年01月07日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文
用jQuery创建iframe中name的几个问题 用jQuery创建iframe中name是碰到了几个问题,这几个问题折腾了很久,后面找到一文章大家一起来看解决方法吧。 尼玛上次做Upload.js的时候就发现了,由于没有记笔记导致今天还在这个问题上辗转了15分钟。。。妈蛋。。。 起因是用iframe+form来做上传功能,创建一个form>input来插入到body里,(ps:最好别插在你上传按钮dom的旁边,因为可能会出现form里套form,然后。。。),让input[type=file]的元素... 2016年01月07日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文
总结jQuery checkbox全选/反选代码 用到最多的就是多列表数据管理操作了,我们通常会需要checkbox全选与反选功能了,下文就为各位整理一下jquery对checkbox全选反选的例子整理。 在修改Hi GPA的时候需要增加一个全选用户的功能,结果被坑惨了。 首先,最终代码是这么写的: var text = $('#select-all-student').html(); if (text == '全选') { $('i... 2016年01月07日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文
jQuery固定DIV实现返回顶部效果代码 返回顶部在网上一搜索有不少,但小编需要的这个例子是需要固定在指定div上而不是以浏览器不参照点,下面一起来看看我整理了一个网站的代码 jQuery固定DIV实现返回顶部效果代码. htm代码.这一段最好放在html中最下面,代码如下: <script type="text/javascript"> $(function(){ //gotop var options = {pageWidth:960,pageWGap:1,pageHGap... 2016年01月07日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文
jquery中checkbox反复没反应问题解决办法 checkbox由于特殊性所以我们要选中与反选都与其它的有一点区别,下文小编整理了一个jquery中checkbox反复没反应问题解决办法,大家一起来看看。 jquery1.9以后,checkbox的选中用attr就有问题,第一次能选中,第二次选不中,要换成prop来设置属性。 1,问题重现,代码如下: <html> <body> <input type="checkbox" name="items"... 2016年01月07日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文
jquery中全局ajax参数详细执行分析 jquery中全局ajax参数很多朋友不太清楚了,这里我来以一篇文章为各位分析jquery中全局ajax参数例子,希望可以帮助到大家哦。 本文分析的问题,比较奇葩。可能大家在一般的项目中都用不到。所以首先要先了解这个应用场景。反正我分析了之后才发现jquery全局$.ajax竟然可以这样用! IT分享 1、背景 在页面中使用ajax请求进行异步操作这个现在比较常用,我们会在ajax开始时候加个进度显示,在complete之后隐藏... 2016年01月07日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文
jquery.qrcode.js自动生成二维码例子 jquery.qrcode.js 是一个能够在客户端生成矩阵二维码QRCode 的jquery插件了,这样我们就不需要使用php了,可以直接使用qrcode.js来生成客户端二维码了。 html代码如下: <input id="txt" type="text" value="https://www.xiariboke.net/"> <input id="btn" type="button" value="生成二维码"> <div id="qrcode"></div&... 2016年01月07日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文
Javascript利用iframe框架实现文件上传 iframe框架实现文件上传原理就是点击表单上传时我们在from的打开方式是在iframe模式中操作了,这个就非常的简单了,下面给各位把例子介绍一下吧。 html <form name="multiform" id="multiform" action="multi-form-submit.php" method="POST" enctype="multipart/form-data"> 姓名: <input type="text"&n... 2016年01月07日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文
jquery刷新iframe页面的方法(兼容主流) 刷新iframe是在js刷新的基础上再利用函数调用父窗口或子窗口的iframe id然后进行刷新了,下面来看分析过程。 1,reload 方法,该方法强迫浏览器刷新当前页面。 语法:location.reload([bForceGet]) 参数:bForceGet,可选参数,默认为 false,从客户端缓存里取当前页。true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5("刷新"),代码如下: <script language="JavaScript">&nbs... 2016年01月07日 前端设计 暂无评论 喜欢 1 阅读 0 views 次 阅读全文