JQUERY
文章平均质量分 62
二子戴代
你在做什么
展开
-
JQuery选择器
$的选择器部分:凡是运用$,其返回值是一个object$选择器主要用于选择标签.基本用法是同css的选择器.但是,很让人兴奋的是,他支持常见的浏览器,而css中很多选择器是IE6所不支持的.1.基本选择器(3种):$("标签名"),如$("p")是选取了所有的p标签节点$("#id名"),如$("#test")是选取了id为test的标签节点$(".class名"),如原创 2013-09-10 13:51:39 · 407 阅读 · 0 评论 -
Jquery UI实践系列(一) Modal Dialog
jquery中设置了一系列的UI组件,其中ModalDialog是比较常用的,现在我们来看看如何使用先看看最后的效果;UI实践系列(一) Modal Dialog" title="Jquery UI实践系列(一) Modal Dialog" style="">首先,导入所需要的css以及js, 然后设置页面转载 2014-11-24 12:18:18 · 1046 阅读 · 0 评论 -
jquery ajax生成无限级关联SELECT
jquery ajax生成无限级关联SELECT转载 2014-11-07 16:12:20 · 609 阅读 · 1 评论 -
上传图片的预览
//得到图片的完整路径 function getFullPath(obj) { if (obj) { //ie if (window.navigator.userAgent.indexOf("MSIE") >= 1) { obj.select();转载 2015-01-07 12:48:26 · 197 阅读 · 0 评论 -
jquery中eq和get
html代码: Li-1 Li-2$("document").ready(function(){ alert($("li:eq(0)")); alert($("li").get(0)); })返回结果分别为:[object Object]和[object HTMLLIElement]可知,eq返回的是一个jquery对象,转载 2015-01-07 11:37:36 · 234 阅读 · 0 评论 -
Jquery attr 和removeAttr 的简单使用
用法一: $(选择器).attr(属性名) 它的作用就是获取指定元素( $(选择器)部分 )的指定属性的值. 看例子:有这样一段html: 那么你要获取到图片的地址该怎么办呢? 这样: $(”img”).attr(”src”) 就这么简单, 你用alert或者其它形式输出一下就看到图片的地址了. 那么我要取得图片的描述呢? 这样: $(”img”).attr(”alt”) .转载 2015-01-07 12:09:54 · 241 阅读 · 0 评论 -
26 个 jQuery使用技巧
The use of the jQuery library is growing and growing(just released jQuery 1.4), more and more people are using this useful javascript library. This means that more and more useful jQuery tips, tricks转载 2015-01-08 18:02:56 · 197 阅读 · 0 评论 -
幻灯片效果在网页设计中应用的55个优秀案例(下篇)
在如今的网页设计中幻灯片效果非常流行,使用幻灯片效果既能在有限的网页空间内展示更多的内容,又能增强视觉趣味,网上众多的幻灯片插件资源也使得幻灯片的实现变得十分简单。这篇文章将向大家展示幻灯片在网页设计中应用的55个优秀案例,希望能带给您灵感。Molanphy DesignHyperxmediaMilkyTaamiberryRelogikFull Fa转载 2014-12-04 17:05:46 · 229 阅读 · 0 评论 -
jquery实例教学 (转)
jquery实例教学一今天我们继续探讨jquery的相关内容。首先,我们看看基本过滤选择器: 一、选中单行或双行能不能选中指定的某一个呢? 二、筛选大于,小于的 三、注意选择的顺序呦:not(选择器) 选取不满足“选择器”条件的元素,$("input:not(.myClass)")选取样式名不是myClass的转载 2014-12-05 13:05:22 · 306 阅读 · 0 评论 -
ajax提交后台开始到返回之间显示等待提示
此功能完全是jandy所实现的,这里是总结以便以后遇到类似的功能时有例子参考!在这里非常非常感谢jandy!1、用到的jsfunction topLoading() {if(document.getElementByIdx_x("topLoadingDiv")==null ||document.getElementByIdx_x("topLoadingDiv")==undefined)转载 2014-12-05 13:14:11 · 508 阅读 · 0 评论 -
ajax提交后台开始到返回之间显示等待提示
此功能完全是jandy所实现的,这里是总结以便以后遇到类似的功能时有例子参考!在这里非常非常感谢jandy!1、用到的jsfunction topLoading() {if(document.getElementByIdx_x("topLoadingDiv")==null ||document.getElementByIdx_x("topLoadingDiv")==undefined)转载 2014-12-05 13:18:50 · 407 阅读 · 0 评论 -
jQuery经典例子
jQuery经典例子 $(document).ready(function() {var x = 10;var y = 20;// 1、鼠标经过时显示图片的放大效果$("a.tooltip").mouseover(function(e){this.myTitle = this.title;this.title = "";var toolt转载 2014-12-05 13:08:22 · 308 阅读 · 0 评论 -
JQuery中$.ajax()方法参数详解
url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址。type:要求为String类型的参数,请求方式(post或get)默认为get。注意其他http请求方法,例如put和 delete也可以使用,但仅部分浏览器支持。timeout:要求为Number类型的参数,设置请求超时时间(毫秒)。此设置将覆盖$.ajaxSetup()方法的全局设转载 2014-12-05 13:17:31 · 166 阅读 · 0 评论 -
jquery通过name属性取值的方法
alert($("input[name='inputTest']").val()); alert($("input[type='text']").attr("id"));//这个是取id的值,方便记就写在这儿了$("input[name='inputTest']").each(function(){alert($(this).val());}) alert($("in转载 2014-12-05 13:16:01 · 950 阅读 · 0 评论 -
javascript去掉前后空格
使用replace函数+正则表达式实现str.replace(/(^\s*)|(\s*$)/g, "");创建方法 function String.prototype.trim(){ returnthis.replace(/(^\s*)|(\s*$)/g, ""); } function String.prototype.ltrim(){ r转载 2014-12-05 13:15:18 · 244 阅读 · 0 评论 -
jquery attr()方法
在JS中设置节点的属性与属性值用到setAttribute(),获得节点的属性与属性值用到getAttribute(),而在jquery中,用一个attr()就可以全部搞定了,赞一个先^^jquery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写,在jQueryDOM操作中会经常用到attr(),attr()有4个表达式。1. attr(属性名转载 2015-01-07 11:36:58 · 150 阅读 · 0 评论 -
jquery——tab切换
html结构: 财经 产经 商业 财经tab标签 产经tab标签 商业tab标签 css样原创 2015-08-06 10:37:13 · 297 阅读 · 0 评论 -
jQuery 幻灯片插件-slidesjs
jquery教程slidesjs 是基于jQuery开发的一款功能强大,使用简单的幻灯片插件,官方网址:http://slidesjs.com下载地址:http://slidesjs.com/downloads/slides.zip官方介绍OVERVIEWSlidesJS is a simple slideshow plugin for jQuery. Packed wit转载 2014-11-24 12:15:02 · 411 阅读 · 0 评论 -
jQuery操作checkbox选择
$(function () { // 全选 $("#btnCheckAll").bind("click", function () { $("[name = chkItem]:checkbox").attr("checked", true); }); //转载 2014-10-08 10:43:18 · 276 阅读 · 0 评论 -
jQuery插件实现表格隔行换色,且感应鼠标行变色
js代码:css代码:tr.alt td { background:#ecf6fc; /*这行将给所有的tr加上背景色*/} tr.over td { background:#bcd4ec; /*这个将是鼠标高亮行的背景色*/}原创 2013-09-22 01:49:35 · 426 阅读 · 0 评论 -
jquery--if条件
var removeIndex=0;$('#insert tr').eq(removeIndex).remove();这样可以动态的去获取,操作过的某一个元素if($('#warp-array > tr').length == 1){ $('#show-hide').show();}要判断里面还有没有,可以去判断他的长度原创 2013-09-26 01:14:09 · 418 阅读 · 0 评论 -
jquery-取消冒泡
1、通过返回false来取消默认的行为并阻止事件起泡。jQuery 代码:$("form").bind( "submit", function() { return false; }); 2、通过使用 preventDefault() 方法只取消默认的行为。jQuery 代码:$("form").bind( "submi转载 2013-09-26 01:15:28 · 369 阅读 · 0 评论 -
鼠标Hover上面即可展开面板,与Click不尽相同
* { margin:0; padding:0; }body { font-size: 13px; line-height: 130%; padding: 60px; }#panel { width: 300px; border: 1px solid #0050D0; }.head { padding: 5px; background: #96E555; cursor: pointer原创 2013-11-11 15:38:10 · 524 阅读 · 0 评论 -
jquery 文本上下无缝滚动,鼠标放上去就停止
function AutoScroll(obj) { $(obj).find("ul:first").animate({ marginTop: "-25px" }, 500, function() { $(this).css({ marginTop: "0px" }).find(原创 2013-11-11 16:37:31 · 573 阅读 · 0 评论 -
jQuery 引用地址{包括jquery和google提供的地址}, 节省你不必要的流量
你可以使用这句代码读取jQuery的最新版本的代码文件。有效地址: http://code.jquery.com/jquery-1.4.1.min.jshttp://code.jquery.com/jquery-1.4.1.js其中:1.4.1是版本信息latest: 表示最新Google引用地址:可以使用下面这个代码从ajax.googleapis.com调用原创 2013-12-19 11:54:56 · 1975 阅读 · 0 评论 -
jQuery EasyUI
jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解的只有一些简单的html标签。转载 2014-04-28 11:28:25 · 413 阅读 · 0 评论 -
jUI项目最初的名字为DWZ,这个名字是怎么来的?后来为什么又改为jUI?
jUI(原DWZ)富客户端框架是DWZ团队开发的基于jQuery实现的Ajax RIA开源框架,支持用HTML扩展的方式来代替JavaScript代码,不懂JavaScript的程序员也能通过jUI来使用各种页面组件和Ajax技术。jUI基于jQuery,你可以非常方便地定制特定需求的UI组件,并以jQuery插件的形式发布。jUI项目在“2013年度中国优秀开源项目评选”中获得较高票数,并被转载 2014-04-28 11:42:16 · 1170 阅读 · 0 评论 -
javascript实现禁用浏览器后退按钮!
文章收集了与参考了大量的关于javascript禁用浏览器后退按钮实现代码,有需要的朋友可以看看。 1、 javascript:window.history.forward(1);利用JS产生一个“前进”的动作,以抵消后退功能,这种方法应该是最简洁的,并且不需要考虑用户连点两次或多次“后退”的情况,缺点是当用户端禁用了JavaScript之后即失效。转载 2014-11-09 15:44:05 · 338 阅读 · 0 评论 -
流行的jQuery信息提示插件(jQuery Tooltip Plugin)
信息提示虽然是小东西,但是在网站设计中却起到了巨大的作用。如果你网站的信息提示做的好,会给访客留下非常深刻的印象。下面有30个非常流行的jQuery信息提示插件,希望对各位有所帮助。记住,所有的这些都是为了使网站设计更好。1. Dynamic tooltip非常漂亮的tooltip!有渐变、透明、阴影等效果。Dynamic tooltip2. Popup Bub转载 2014-11-09 16:06:34 · 307 阅读 · 0 评论 -
30个图片浏览插件收集
1、MultiBox一个lightbox支持的内容格式包括:图片,Flash,视频,mp3,html。主页:http://www.phatfusion.net/multibox/下载:http://www.phatfusion.net/multibox/multibox.zip示例:http://www.phatfusion.net/multibox/2、ImageMe转载 2014-11-09 16:07:26 · 548 阅读 · 0 评论 -
23个超流行的jQuery相册插件收集
本文罗列了23款目前非常受欢迎的jQuery插件,可以轻松建立起唯美的图片切换特效的相册功能,并且其中的一些还支持视频和Flash。这些jQuery插件包括演示、文档说明等,欣赏吧!1. Galleriffic下载与文档查看演示2. jPhotoGrid下载与文档查看演示3. Galleria下载与文档查看演示4. YoxView下载转载 2014-11-09 16:08:04 · 319 阅读 · 0 评论 -
JQuery datepicker 用法
jQuery UI很强大,其中的日期选择插件Datepicker是一个配置灵活的插件,我们可以自定义其展示方式,包括日期格式、语言、限制选择日期范围、添加相关按钮以及其它导航等。官方地址:http://docs.jquery.com/UI/Datepicker,官方示例:http://jqueryui.com/demos/datepicker/。一个不错的地址,用来DIY jQuery转载 2015-09-07 16:31:55 · 209 阅读 · 0 评论