JQuery
cui_angel
whatever is worth doing is worth doing well
展开
-
jquery获得下拉框的值
获取Select : 获取select 选中的option的值: $("#ddlRegType").find("option:selected").val(); 获取select 选中的 text : $("#ddlRegType").find("option:selected").text(); 获取select选中的 val原创 2012-09-20 15:36:54 · 2175 阅读 · 0 评论 -
jquery遍历函数siblings()
siblings([expr])得到所有匹配元素集合中各个元素的所有兄弟元素集合。返回匹配元素集合<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">转载 2012-08-22 17:59:46 · 2639 阅读 · 0 评论 -
刚开始学习Jquery的一些笔记被我翻出来了
← css 和javascript 在ie6 ie7 ie8和Firefox下bug兼容解决记录两年前收藏的一些前端学习资料地址 →刚开始学习Jquery的一些笔记被我翻出来了1:鼠标点击时候促发$(“p”).click(function(){alert(“hello world”);});2:增加删除class$(“a”转载 2012-08-22 18:02:56 · 1314 阅读 · 0 评论 -
jQuery中的end()方法
选取某个元素,查找选取其子元素,然后再回过来选取这个元素。用例子说明了一下:比如HTML代码:Hello,how are you?JQuery代码:$("p").find("span").end();结果还是返回元素"P":[ Hello how are you? ]转载 2012-08-22 18:01:14 · 791 阅读 · 0 评论 -
模仿微博拉动滚动条加载数据
滚动条距离底部$(function () {var i = 4;$(window).bind("scroll", function (event) {//滚动条到网页头部的 高度,兼容ie,ff,chromevar top = document.documentElement.scrollTop + document.body.scrollTop;//网页的高度var texth转载 2012-09-01 15:05:45 · 3373 阅读 · 0 评论 -
jquery刷新页面
jQuery 2010-01-21 17:39:03 阅读450 评论0 字号:大 中 小jquery刷新页面局部刷新:这个方法就多了去了,常见的有以下几种;$.get方法,$.post方法,$.getJson方法,$.ajax方法如下前两种使用方法基本上一样$.get(”Default.php”, {id:”1″, page: “2″ },转载 2012-08-21 16:15:57 · 1074 阅读 · 0 评论 -
jQuery实现AJAX定时局部页面刷新
不时,我需要某种机制,不断刷新网页,以提供一个实时的仪表板某种。如果我只能刷新一个特定的页面的一部分,这将是很大的,例如:仪表盘上的交通灯显示系统状态。这是很容易通过使用jQuery JavaScript库,只刷新页面的一部分。一旦我们纳入我们的页面的jQuery库,我们只需要1行的JavaScript得到它的工作:所以我们只要我们的页面放入这个小的JS代码片段刷新里面的内容ID标转载 2012-08-21 16:01:28 · 2809 阅读 · 1 评论 -
jquery radio取值,checkbox取值,select取值,radio选中
获取一组radio被选中项的值var iten=$('input[@name=items][@checked]').val();获取select被选中项的文本var item=$("select[@name=items] option[@selected]").text();select下拉框的第二个元素为当前选中值$('#select_id')[0].se转载 2012-08-21 17:45:41 · 617 阅读 · 0 评论 -
推荐图书
推荐一些适合前端开发工程师阅读的书籍,希望对大家有所帮助:JavaScript类:javascript权威指南javascript基础教程javascript DOM 编程艺术javascript高级程序设计HTML5+CSS3类:HTML5高级程序设计HTML5与CSS3权威指南网站优化:转载 2012-08-16 14:21:36 · 938 阅读 · 0 评论 -
jQuery中的siblings
所谓siblings,英文翻译就是兄弟节点。那么故名思意,就是拿到某元素的兄弟节点(不包括自己)。 li1 li2 li3 li4 li5 $("#li3").siblings("li").css("backgroundcolor", "yellow");我们还知道,$("#li3").siblin转载 2012-08-24 13:14:59 · 3763 阅读 · 0 评论 -
Jquery的parent和parents(找到某一特定的祖先元素)用法
<!--parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。parents则是取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素)。可以通过一个可选的表达式进行筛选。parent取得很明确就是当前元素的父元素parents则是当前元素的祖先元素-->转载 2012-08-24 13:48:45 · 46140 阅读 · 2 评论 -
jQuery 之 选择器总结
jQuery的基本选择器:1)有通过给定的id来选取一个jQuery对象----->$('#id')2)有通过给定的类名来选取一个jQuery对象的集合--->$('.class')3)有通过给定的元素来选取一个jQuery对象的集合--->$('element')4)有通过通配符*号来选取该网页中的所有的jQuery对象的集合--->$('*')5)有通过转载 2012-09-17 18:54:07 · 3794 阅读 · 0 评论 -
jquery.cookie.js使用介绍
对cookies的操作在当访问一个网站就无时无刻的都伴随着我们,记录着我们的一举一动,并将不危害用户隐私的信息,将以保存,这样用户就不用去从新再次操作重复的步骤,这样大大方便了客户,也增加了客户对网站的回头率。jquery.cookie.js 提供了jquery中非常简单的操作cookie的方法。$.cookie('the_cookie'); // 获得cookie$.cookie(转载 2012-09-11 11:16:12 · 1603 阅读 · 0 评论 -
用js操作cookie保存浏览记录
说明:最近做了一个功能,记录用户浏览过的产品页面。我的思路是,客户每次进入产品页面,就自己调用JS把产品信息以json的形式保存到cookie里面。浏览记录的显示是从cookie里读出来,然后解析成json,生成html元素。因为用户可能会同时打开好几个页面,这几个页面上可能都有浏览记录,为了使即使显示浏览记录,每秒中刷新一次。要用到2个js文件,history.js,关键的聊天记录保存和转载 2012-09-11 18:31:32 · 1160 阅读 · 0 评论 -
禁止Firefox缓存input的值
在Firefox里面input的值会被缓存起来,刷新页面之后,会恢复成刷新之前的值。有的时候我们并不希望这么做,可以用autocomplete=”off”来阻止Firefox的默认机制。比如下面的代码,在刷新页面之后input的值全部为空。 为了方便也可以这样写:查看源代码打印帮助原创 2012-09-06 17:09:43 · 1030 阅读 · 0 评论 -
传智播客JQuery实战(四):标签页效果
第一个标签页中鼠标滑过显示不同的标签页,第二个标签页中点击不同标签加载其他页面中的内容,加载等待的图片缓慢隐藏:/WebRoot/4.Tab.html:http://www.w3.org/TR/html4/loose.dtd"> JQuery实例4:标签页效果 标签1 标签2 标签3转载 2012-08-28 15:30:13 · 1687 阅读 · 0 评论 -
JQuery实现Ajax加载图片
最近在学习JQuery,想从原理上模拟一下无刷新的相册浏览。最先想到的思路是利用缓存,也就是先显示提示消息,然后get图片,在get完的时候回调,将img标签的src改掉,由于刚刚get过,有了缓存,所以图片会立刻显示出来。页面元素:正在加载……按钮的事件绑定:$(".picbtn").click(function(){NextPic();});定义了一个数组PicArr用转载 2012-08-28 17:52:42 · 17506 阅读 · 1 评论 -
jquery 里的each使用方法
each()方法能使DOM循环结构简洁,不容易出错。each()函数封装了十分强大的遍历功能,使用也很方便,它可以遍历一维数组、多维数组、DOM, JSON 等等在javaScript开发过程中使用$each可以大大的减轻我们的工作量。下面提一下each的几种常用的用法each处理一维数组var arr1=["aaa","bbb","ccc"];$.each(ar转载 2012-08-27 16:24:28 · 1181 阅读 · 0 评论 -
google.load() 方法开发人员指南
New Document google.load("jquery", "1.3.1"); $(document).ready(function(){ alert('hi');});HIAJAX 库 API 是一种内容分布网络,可载入最受欢迎的开源 JavaScript 库的架构。通过使用 google.load() 方法,您的应用程序能够迅转载 2012-09-05 16:19:50 · 2002 阅读 · 0 评论 -
如何将页脚固定在页面底部
参考文档:http://www.kuqin.com/webpagedesign/20111220/316487.html方法一:(js来完成,让底部的ID的值与括号“bottom”一样。)function test(){var infoHeight = document.getElementById("info").scrollHeight;var bottomHe转载 2012-07-31 13:09:37 · 1636 阅读 · 0 评论 -
停留在网页顶部随着滚动条移动而不动JQUERY代码
要讲解里面的原因,请留言。无标题文档$(function(){ $("#wrap ul li ").css("width",760 / $("#wrap ul li").size()); $(window).scroll(function(){ var h = $(this).scrollTop()+2; $("#wrap").css("top",h转载 2012-07-31 13:02:46 · 5465 阅读 · 0 评论 -
onselectstart与onselect
这两个事件看起来很相似,事实上却非常的不同。onselectstart onselectstart几乎可以用于所有对象,其触发时间为目标对象被开始选中时(即选中动作刚开始,尚未实质性被选中)。该事件常使用于使目标对象“禁止变蓝”,比如在很多地方当用户双击时,一些元素会变成蓝色(选中状态),而当我们要避免这种情况时就可以使用该事件,使用示例如下:转载 2012-08-13 11:03:01 · 9217 阅读 · 1 评论 -
前端必备:jQuery 1.7.1API手册
本文基于jQuery1.7.1版本,是对官方API的整理和总结,完整的官方API见http://api.jquery.com/browser/0、总述jQuery框架提供了很多方法,但大致上可以分为3大类:获取jQuery对象的方法、在jQuery对象间跳转的方法,以及获取jQuery对象后调用的方法其中第一步是怎样获取jQuery对象。大致来说,是通过最核心的$()方法,将页转载 2012-07-19 17:41:53 · 1177 阅读 · 0 评论 -
IE6 png背景图片显示不正常处理
现在web设计,画面是越来越炫但是使用了透明的背景图,在IE6下,在ie78 ff等浏览器显示正常。 解决办法:body{ background-color:#CCC;}一般普通写法如下:div.bg1{ background:url(logo.png) no-repeat center;width:100px; height:100px;}特殊处理写法如下:转载 2012-08-04 12:02:18 · 3972 阅读 · 0 评论 -
jquery捕捉回车键及jquery异步请求的方法
1、jquery捕捉回车键:$("html").die().live("keydown",function(event){ if(event.keyCode==13){ //这里添加要处理的逻辑 } }); 2.jquery获得多个选中的checkbox值:$('input[type="checkbox"][n转载 2012-08-04 14:07:28 · 5721 阅读 · 0 评论 -
使用jQuery的message插件实现右下角弹出消息框
有时在页面加载的时候,需要在页面的右下角弹出一个小的提示框,显示一些提示信息给用户,通过使用jQuery的message插件,可以很方便的实现这个效果,在使用之前先介绍一下message插件中的方法的使用。1.$.messager.lays(width, height);该方法主要用来定义弹出窗口的宽度和高度。 2.$.messager.anim(type,spee转载 2012-08-03 10:11:35 · 1171 阅读 · 0 评论 -
jquery中extend和fn.extend的使用
jQuery为开发插件提供了两种方法,分别是:jQuery.fn.extend(object); jQuery.extend(object);jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。 jQuery.fn.extend(object);给jQuery对象添加方法。 jQuery.extend(object)转载 2012-08-03 15:51:59 · 632 阅读 · 0 评论 -
jQuery仿淘宝图片移动
* {margin:0; padding:0;}body {font-size:12px; color:#222; font-family:Verdana,Arial,Helvetica,sans-serif; background:#f0f0f0;}.clearfix:after {content: "."; display: block; height: 0; clear: both; v原创 2012-07-18 10:50:27 · 3720 阅读 · 0 评论 -
jQuery常用技巧大放送
1、关于页面元素的引用 通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法。2、jQuery对象与dom对象的转换 只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对象转载 2012-07-12 13:15:05 · 836 阅读 · 0 评论 -
有关jQuery(function(){})与(function(){})(jQuery)
$是一个new的jquery对象,源码里是通过init来初始化的,jquery中的所有代码都是放在$()闭包里,在$()中的代码一般都是dom加载完成的后才执行,当然也可以用jquery中的一些事件做其他的事。以下大部分内容引自:http://eason26-li.iteye.com/blog/520188有关jQuery(function(){})与(function(){})(jQue原创 2012-07-12 10:08:58 · 535 阅读 · 0 评论 -
javascript,jquery中的this关键字的用法
this 表示当前的对象,这个当前对象可以是表单,等任何元素------------------------------------1.javascript中this的用法例1:js: function chimg(obj){ obj.src="./images/2.jpg"; }HTML: -------------------转载 2012-07-23 19:47:39 · 687 阅读 · 0 评论 -
Jquery中的this与$(this)
序言:在使用jquery操作js时,经常整不明白this与$(this)。抽空仔细测试了一把,记录下来以供在忘记的时候拉出来参考参考!$(this)生成的是什么$()生成的是什么呢?实际上$()=jquery(),那么也就是说返回的是一个jquery的对象。题外话:通常我们为了简便直接使用$(),实际上,该函数省略了一个参数context,即$(selector)=$(selector转载 2012-07-23 19:49:08 · 584 阅读 · 0 评论 -
Jquery操作Cookie
jquery.cookie.js是jQuery的一个插件,其基本用法如下: 用之前一定要导入jquery.cookie.js这个文件 $.cookie('the_cookie'); // get cookie $.cookie('the_cookie', 'the_value'); // set cookie $.cookie('the_cooki转载 2012-07-27 16:45:09 · 669 阅读 · 0 评论 -
jQuery 遮罩层效果
最精简,最强大的 jQuery 遮罩层效果。1. 当浏览器改变大小时,遮罩层的大小会相应地改变。2. 遮罩层上方的对话框可随 scroll 的改变而改变,即对话框居中显示。HTML Code: 点击这里看 jQuery 遮罩层效果. 关闭 正在加载,请稍后...CSS Code:body { font-family:Arial, H转载 2012-07-27 14:39:52 · 5498 阅读 · 0 评论 -
IE7,IE8与IE6兼容路上的痛苦
首先必须说的是IE6真得很垃圾,存在太多让人意想不到的bug,但是他主流所以没办法。1. 首先是position:fixed属性,在ie6中没有这个属性,所以需要在ie6中实现可以有2种方式: a. js方式实现,这样的好处不会影响其他元素,缺点会有dom移动的痕迹,毕竟是监听滚轮移动不是实时触发的。实现过程:例如现在想让dom时刻现实在窗口底端,那么需要监听滚轮移动转载 2012-07-26 18:06:55 · 4067 阅读 · 0 评论 -
jQuery下获取浏览器、可视范围及其他的各种宽高
$(document).ready(function() { alert($(window).height()); //浏览器时下窗口可视区域高度 alert($(document).height()); //浏览器时下窗口文档的高度 alert($(document.body).height());//浏览器时下窗口文档body的高度 alert($(document.body).ou转载 2012-07-26 12:16:05 · 4444 阅读 · 0 评论 -
jQuery hover 与 mouseover 与mouseout 的区别
以前一直以为在jquery中其实mouseover和mouseout两个事件等于hover事件。两个没什么区别,应该是一样的。但昨天一个动画效果才让我见识了,这两个并不能等同。在wrapper上加事件,当鼠标移动到wrapper上的时候让class="point"的层放大。但如果用mouseover和mouseout事件的话,当鼠标移动到wrappe转载 2012-07-26 10:02:29 · 952 阅读 · 0 评论 -
jQuery中的mouseenter和mouseleave事件
今天做一个下拉菜单的时候碰到了一个bug,用mouseout的时候,鼠标还没移出拉菜单就自动关闭了,看案例:http://www.css88.com/demo/mouseleave/2.html经过几番查阅发现了jQuery中还有mouseenter和mouseleave事件,这两个事件在手册中找不到,所以特地查阅了一番。大家知道事件的冒泡特性,在上面的BUG中也正是因为这个冒转载 2012-07-26 10:01:25 · 860 阅读 · 0 评论 -
jquery中的hover方法教程—明河谈jquery
jQuery中的hover方法是个非常常用的方法,接受二个参数,第一个参数为鼠标移入对象时触发的事件,第二个参数为鼠标移出对象时触发的事件。很多人误以为hover()是mouserover和mouseout的结合体,实际上不是。hover = mouseenter+mouseleavemouseenter和mouseleave这二个事件,jquery新手应该会觉得很陌生,转载 2012-07-26 10:05:23 · 3030 阅读 · 0 评论 -
让某部分HTML随滚动始终显示在页面上
我们经常在淘宝网看到这样的特效,商品列表特别长,而商品列名称始终保持在最顶端。如果你把滚动条滚动至最上边了,那么它会自动判断是否到顶端了,然后一直置顶从而不怕遮挡。这种特效是通过JavaScript和CSS实现的,在实际开发中有不少用途,下面是我找到的一个使用JavaScript制作的仿淘宝智能浮动的源代码,兼容性不错,在IE、Firefox、Chrome下都能正常工作。使用这个特转载 2012-07-24 16:25:38 · 11422 阅读 · 0 评论