jQuery
关注
分享
扫一扫
iteye_13003
这个作者很懒，什么都没留下…
展开
-
Css与jQuery选择器转换 gt lt eq
Css与jQuery选择器汇总 名称CssjQuery第一个元素:first-child:first, :first-child最后个元素:last-child:last, :last-child偶数的元素:nth-child(even):even奇数的元素:nth-child(odd):odd大于给定索...原创 2015-03-05 16:26:37 · 607 阅读 · 0 评论 -
jQuery 跨域访问的三种方式 No 'Access-Control-Allow-Origin' header is present on the reque
XMLHttpRequest cannot load http://v.xxx.com. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:63342' is therefore not allowed access. test.html:...原创 2014-09-17 12:21:11 · 691 阅读 · 0 评论 -
jQuery获取第一个元素的6种方式
1、$("tr:first").css("font-style", "italic");$("tr").filter(":first").css("font-style", "italic");2、$("tr:eq(0)").css("font-style", "italic");原创 2014-07-23 22:59:41 · 3019 阅读 · 0 评论 -
jQuery图片轮播代码实现
Css实现： #hero img{ width: 100%; height: 100%;}#hero div{ position: absolute; top: 0px; left: 0px; display: none; z-index: 5; opacity: 0; width: 645px; height: 590p...原创 2014-07-08 12:49:47 · 369 阅读 · 0 评论 -
jQuery选择器:nth-child(2) 与:nth-child(2n) 的区别
// nth-child(2)$('table tr td:nth-child(2)').css('background-color','red'); // :nth-child(2n)$('table tr td:nth-child(2n)').css('background-color','red'); 演示地址： http://qiaole.sina...原创 2014-06-20 11:06:52 · 2509 阅读 · 0 评论 -
jQuery选择器:nth-child(even) 与:even的区别
// nth-child(even)$("table tr:nth-child(even)").css("background","red") // :even$('table tr:even').css('background-color','red'); 演示地址： http://qiaole.sinaapp.com/worldcup/match.php...原创 2014-06-20 11:03:09 · 310 阅读 · 0 评论 -
jQuery获取margin-top和padding-top的值
var bordT = $('img').outerWidth() - $('img').innerWidth();var paddT = $('img').innerWidth() - $('img').width();var margT = $('img').outerWidth(true) - $('img').outerWidth();var formattedBord ...原创 2014-06-03 17:44:29 · 5080 阅读 · 1 评论 -
input输入框为空提示内容变化
// 如果输入内容为空var captionTxt = $(".caption").text();if(!inputContent){ $(".caption").text("请输入内容").animate({opacity: 1.25}, 3000, function(){ $(this).text(captionTxt); }); $("#inputContentA...原创 2014-05-28 11:58:03 · 1722 阅读 · 0 评论 -
jQuery .css color 重写 :hover样式没了
$("#quickSqlDiv a").css({"color":"red"});$("#course a").css({"color":"#000"});使用之后原本的 a标签hover不起作用了div#navsecond div ul li a:hover {text-decoration: underline;color: #ff0000 !impor原创 2014-05-28 11:44:52 · 300 阅读 · 0 评论 -
jQuery正则在指定位置插入字符串
// 设置表格字体颜色$(".left_div > table:first > tbody > tr").each(function(i, v){ var $firstTd = $(this).find("td:first"); var firstTdText = $firstTd.text().replace(/(^.{2})/gm, '<span styl...原创 2014-03-25 14:49:02 · 889 阅读 · 0 评论 -
jQuery循环display和visibility元素列表
var goNext = true; _STAGE.passengerInfoArray = [];for(var i = 0; i < jQuery(".inputName").size(); i++){ var currObj = jQuery(".inputName").eq(i); var visibility = currObj.css("visibilit...原创 2014-03-25 14:24:26 · 208 阅读 · 0 评论 -
jQuery隐藏元素防止页面抖动控制
// 可能导致部分浏览器页面抖动的函数jQuery(".inputName").hide();// 避免hide()页面抖动jQuery(".inputName").css("visibility", "visible");jQuery(".inputName:gt("+(num-1)+")").css("visibility", "hi原创 2014-03-24 15:54:04 · 1028 阅读 · 0 评论 -
jQuery each获取表格数据
*设置每行第一列的宽度 */ //方式一：<span style="background-color: rgb(255, 255, 255); ">遍历表格每一行，选择器第一列设置样式</span> $("#Table2 tr").each(function(){ $(this).children("td:first")...原创 2014-03-20 16:26:36 · 692 阅读 · 0 评论 -
jQuery自调用，不需要each循环的方式设置对象
// 原方法lightBox.each(function(i, v){ $(this).css("width", "960px"); var imgSrc = $(this).attr("src").replace("mw690", "large"); var title = $(this).attr("title"); title = title ? title原创 2014-03-10 23:12:18 · 190 阅读 · 0 评论 -
jQuery元素属性attr设置多个键值或函数
$("Element").attr(name) '取得第一个匹配的属性值，比如$("img").attr("src")$("Element".attr(key,value)") '某一个元素设置属性$("Element".attr({key:value,key1:value,....})) ‘为某个元素一次性设置多个属性$("Element").attr(key,原创 2014-03-10 23:07:40 · 531 阅读 · 0 评论 -
jQuery获取width为0，获取隐藏元素实际宽度
$("#pageLoadingInnerDiv").css("display", "block"); var iconMarginLeft = (926-jQuery("#pageLoadingTipMsg").width())/2; jQuery("#pageLoadingInnerDiv > div:first").css("margin-left",原创 2014-01-21 15:00:11 · 2150 阅读 · 0 评论 -
jQuery回车键事件和上下键事件
// 键盘事件[code="java"]1、keydown() keydown事件会在键盘按下时触发.2、keyup() keyup事件会在按键释放时触发,也就是你按下键盘起来后的事件3、keypress() keypress事件会在敲击按键时触发,我们可以理解为按下并抬起同一个按键[/code]// 回车键事件...原创 2013-03-12 11:39:04 · 686 阅读 · 0 评论 -
jQuery操作表格，table tr td，单元格
最终效果图：[img]http://dl.iteye.com/upload/attachment/0080/6368/8ce33d9c-8f59-3070-9d7d-2ff4d8759b85.jpg[/img][code="css"].td_back_color { background-color: red;}.td_center { text-align: cent...原创 2013-02-20 14:12:29 · 425 阅读 · 0 评论 -
DD_belatedPNG IE8 js报错问题解决
<!-- 以IE7为兼容性运行 --><meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> 更多查看官网介绍：http://msdn.microsoft.com/en-us/library/jj676913(v=vs.85).aspx http://www.mang...原创 2013-01-21 15:33:41 · 177 阅读 · 0 评论 -
jQuery循环获取搜索元素each
var src00 = "";jQuery.each(jQuery(".bizDetailDiv ul li img"), function(i, v){ src00 += jQuery(this).attr("src")+"\n";});alert(src00); // 循环给IE6 png不显示的图片添加滤镜jQuery.each(jQuery(...原创 2013-01-21 13:56:36 · 500 阅读 · 0 评论 -
jQuery判断显示的元素，并获取显示元素数据
// 获取显示元素的数据[code="js"]jQuery(this).find("a:visible").attr("href");[/code]// 多级标签选择器[code="js"]jQuery("#slider").click(function(){ var rel = jQuery(".nivo-controlNav a.active").attr(&q原创 2012-12-25 09:58:18 · 469 阅读 · 0 评论 -
jQuery this用法详解
[code="js"]jQuery("img", this);Which is the same asjQuery(this).find("img");If the imgs are direct descendants of the clicked element, you can also use:jQuery(this).children("img");[/c...原创 2012-10-15 17:37:24 · 216 阅读 · 0 评论 -
jQuery获取表格之间总行数
[code="html"] Parent 1 Child 1 Child 2 ... Parent2 ...[/code][code="js"]var childCount = ($('#parent_2').get(0).rowIndex - $('#par...原创 2012-10-15 17:27:42 · 147 阅读 · 0 评论 -
jQuery获取表格总行数汇总
[code="js"]var rowCount = $('#myTable tr').length;[/code][code="js"]var rowCount = $('#myTable >tbody >tr').length;[/code][code="js"]$("#myTable").attr('rows').length;[/code][c...原创 2012-10-15 17:24:21 · 860 阅读 · 0 评论 -
jQuery选择不包含某个ID的其他数据
[code="js"]$('li').not(':even').css('background-color', 'red');[/code][code="js"]$('li').not(document.getElementById('notli')) .css('background-color', 'red');[/code][code="js"]...原创 2012-09-21 14:42:54 · 367 阅读 · 0 评论 -
jQuery查看事件内容，click事件内容
[code="js"]// 查看所有事件内容$("#bigImg").data("events");[/code][code="js"]// 查看点击事件内容$("#bigImg").click;// 测试点击事件$("#bigImg").click();[/code][img]http://dl.iteye.com/upload/att原创 2012-09-10 13:47:50 · 321 阅读 · 0 评论 -
jQuery,js实现Iframe自适应高度(兼容多浏览)
// 我们在aa.html里面有个iframe，加载内容为bb.html[code="html"][/code][color=red]方式一[/color][code="js"]//引入jQuery //document.domain = "fx-func.com";//指向根域 $(window.parent.do...原创 2012-09-10 10:22:15 · 1175 阅读 · 0 评论 -
js获取url的参数和值的N种有效方法
[code="js"]function getParameterByName(name){ name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]"); var regexS = "[\\?&]" + name + "=([^&#]*)"; var regex = new RegExp(regexS);原创 2012-09-05 23:09:37 · 223 阅读 · 0 评论 -
jQuery追加新的元素，便于排序
[code="js"]var element = document.createElement(tagName);// create a new div element // and give it some content newDiv = document.createElement("div"); newContent = document.createText...原创 2012-09-04 14:29:07 · 176 阅读 · 0 评论 -
jQuery排序li，Sorting elements with jQuery
[code="js"]/** * jQuery.fn.sortElements * -------------- * @param Function comparator: * Exactly the same behaviour as [1,2,3].sort(comparator) * * @param Function getSortable * ...原创 2012-09-04 11:37:33 · 162 阅读 · 0 评论 -
js循环array，json，map
[code="js"]var str = '[{"uname":"王强","day":"2010/06/17"},{"uname":"王海云","day":"2010/06/11"}]'; for(var i=0;i原创 2012-09-04 10:49:54 · 257 阅读 · 0 评论 -
jQuery实战应用，节点及选择器并用获取并修改值
1.首先查看你所要修改页面值的class或者ID或者Element[img]http://dl.iteye.com/upload/attachment/0073/1123/8f4acc30-773e-3468-95ec-76fe6fa546df.png[/img]2.获取你所要修改页面值的节点$(".yellowbtn").eq(0).text();// eq代表第几个，0代表第一...原创 2012-08-31 10:06:39 · 159 阅读 · 0 评论 -
css文字垂直居中显示，li垂直居中
[size=medium]笨办法：填充多高距离，使其看起来居中显示[/size][code="html"] 未来宝卡特约商户查询[/code][color=red]主要是：line-height，vertical-align对此表情不支持，text-align支持水平居中[/color][code="js"]jQuery("li").css({ ...原创 2012-08-29 14:54:47 · 1405 阅读 · 0 评论 -
jQuery循环判断点击的那个节点
[code="html"] [/code][code="js"]jQuery(".left_tree_ad_btn_container > ul > li").click(function(){ jQuery(".have_bg").removeCl...原创 2012-08-29 11:22:49 · 587 阅读 · 0 评论 -
jQuery循环array和map
[code="js"]$.each( ['a','b','c'], function(i, l){ alert( "Index #" + i + ": " + l ); });[/code][code="js"]$.each( { name: "John", lang: "JS" }, function(k, v){ alert( "Key原创 2012-08-29 11:12:17 · 205 阅读 · 0 评论 -
jQuery循环子节点并获取值
[code="html"] [/code][code="js"]var arrUl = jQuery(".left_tree_ad_btn_container > ul");jQuery.each(arrUl, function(){ alert(jQuery(this).fin...原创 2012-08-29 10:44:44 · 587 阅读 · 0 评论 -
jQuery判断对象是否显示或隐藏
[code="js"]// jQuery("#tanchuBg").css("display")// jQuery("#tanchuBg").is(":visible")// jQuery("#tanchuBg").is(":hidden")[/code][code="js"]$(element).is(":vi原创 2012-08-08 17:05:37 · 474 阅读 · 0 评论 -
jQuery循环表格，并统计匹配度
[code="js"]// 过期关键词单击事件 $("#li_overdue_keyword").click(function() { $(".listmenu3a").attr("class", "listmenu3"); $(this).attr("class", "listmenu3a"); var overdue_count = 0原创 2012-05-25 11:51:34 · 180 阅读 · 0 评论 -
jQuery置顶特效，直接引用即可
[img]http://dl.iteye.com/upload/attachment/0068/6279/c2f7dea7-06ea-3d5e-957f-c0abc54b3e0b.jpg[/img][img]http://dl.iteye.com/upload/attachment/0068/6277/982d7cd0-e31b-3938-b731-780255de118b.gif[/img]...原创 2012-05-25 11:47:46 · 148 阅读 · 0 评论 -
jQuery判断浏览器类型，进而进行css样式调整兼容性
[code="js"]// 判断浏览器类型 var browserName = navigator.userAgent.toLowerCase(); var mybrowser = { version : (browserName.match(/.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/) || [0, '0'])[1], safari : ...原创 2012-05-25 11:41:46 · 237 阅读 · 0 评论