随笔分类 -  jq

摘要:Jquery中获取iframe的方法大全在一下网页中,一些人会用到iframe,dom获取页面中的iframe还是很简单的:父窗口中操作iframe:window.frames["iframeChild"].document //假如iframe的id为iframeChild在子窗口中操作父窗口:window.parent.document那么,用如果想用jquery的方法,我们怎么用jquery来获取iframe呢?下面是一下收集来的方法。获取页面的对象其实就是dom方法外面加上jquery的选择符:父窗口中操作iframe:$(window.frames["i 阅读全文
posted @ 2012-09-28 11:17 陆航 阅读(868) 评论(0) 推荐(0)
摘要:1.timeStamp 属性包含从 1970 年 1 月 1 日到事件被触发时的毫秒数。$("button").click(function(event){ $("span")html(event.timeStamp);});2.type 属性描述触发哪种事件类型。$(document).ready(function(){ $("p").bind('click dblclick mouseover mouseout',function(event){ $("div").html("事件:& 阅读全文
posted @ 2012-09-25 17:23 陆航 阅读(410) 评论(0) 推荐(1)
摘要:1对于eq gt lt 这三种方法的参数也就是index的值 他们是从0开始的 在使用table 是时候 如果想将属性也就是列名过滤掉可以使用<thead>将属性的<tr>包裹起来 。<tbody>包裹剩余的值。从而可以达到"tbody tr:eq(2)"能选定第三个<tr> 还有就是这里的gt lt都不包括他们的值本身 也就是说 eq gt lt三者加起来构成全集2.:header 用于选定所有标题元素<h1> . <h6>3.:animated 用于选定所有的动画 还有用下面句子可以实现无限动画重复 阅读全文
posted @ 2012-09-25 14:34 陆航 阅读(231) 评论(0) 推荐(0)
摘要:$(function(){ $('tr.parent').click(function(){ // 获取所谓的父行 $(this) .toggleClass("selected") // 添加/删除高亮 .siblings('.child_'+this.id).toggle(); // 隐藏/显示所谓的子行 }).trigger("click");})与$(function(){ $('tr.parent').click(function(){ // 获取所谓的父行 $(this) .toggleClass 阅读全文
posted @ 2012-09-21 09:55 陆航 阅读(250) 评论(0) 推荐(0)
摘要:slow: 600毫秒normal: 400毫秒fast:200毫秒 阅读全文
posted @ 2012-09-20 10:10 陆航 阅读(329) 评论(0) 推荐(0)
摘要:一般使用成$("p").css({"fontSize":"30px","backgroundColor":#888888});注意1.如果值时数字,将会被自动转化为像素值。2.在css()方法中,如果属性中带有“-”符号,例如font-size和background-color属性,如果在设置这些属性的值的时候不带引号,那么就得用驼峰式写法,例如:$("p").({fontSize:"30px",backgroundColor:"#888888"});如果 阅读全文
posted @ 2012-09-19 16:20 陆航 阅读(6585) 评论(0) 推荐(0)
摘要:这两天在写一个JS的网页右键菜单,在实现菜单定位的时候发现了这个问题:chrome居然不认识document.documentElement.scrollTop!看前辈们的文章,纷纷表示如果有文档声明(即网页第一句的docType)的情况下,标准浏览器是只认识documentElement.scrollTop的,但chrome虽然我感觉比firefox还标准,但却不认识这个,在有文档声明时,chrome也只认识document.body.scrollTop.由于在不同情况下,document.body.scrollTop与document.documentElement.scrollTop都有 阅读全文
posted @ 2012-09-12 16:03 陆航 阅读(247) 评论(0) 推荐(0)
摘要:jQuery为开发插件提拱了两个方法,分别是:JavaScript代码jQuery.fn.extend(object);jQuery.extend(object); jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。jQuery.fn.extend(object);给jQuery对象添加方法。jQuery便是一个封装得非常好的类,比如我们用 语句 $("#btn1") 会生成一个 jQuery类的实例。jQuery.extend(object); 为jQuery类添加添加类方法,可以理解为添加静态方法。如:$.extend({ add 阅读全文
posted @ 2012-09-12 15:45 陆航 阅读(222) 评论(0) 推荐(0)
摘要:1 map() 把每个元素通过函数传递到当前匹配集合中,生成包含返回值的新的 jQuery 对象。(这个比较抽象,日后多看下)2 nextUntil() 获得每个元素所有跟随的同胞元素,但不包括被选择器、DOM 节点或已传递的 jQuery 对象匹配的元素。如果不提供供筛选的选择器,则该方法选取的元素与 .nextAll() 方法相同;如果选择器不匹配或未规定选择器,则会选取所有跟随的同胞。3 not() 从匹配元素集合中删除元素。4 offsetParent() 获得被定位的最近祖先元素。5 parent() 获得当前匹配元素集合中每个元素的父元素,使用选择器进行筛选是可选的。6 paren 阅读全文
posted @ 2012-09-10 14:22 陆航 阅读(468) 评论(0) 推荐(0)
摘要:1 contents() 和 .children() 方法类似,不同的是前者在结果 jQuery 对象中包含了文本节点以及 HTML 元素。2 each() 方法规定为每个匹配元素规定运行的函数。 提示:返回 false 可用于及早停止循环。3 end() 方法结束当前链条中的最近的筛选操作,并将匹配元素集还原为之前的状态。4 eq()方法将匹配元素集缩减值指定 index 上的一个。 如果index为负数为-2 则为-2加上字符串长度的数为其索引 。如果超过了字符串长度则无效5 filter()方法 将匹配元素集合缩减为匹配指定选择器的元素。 $('li:even').css 阅读全文
posted @ 2012-09-10 11:12 陆航 阅读(1525) 评论(0) 推荐(0)
摘要:offset()返回第一个匹配元素的偏移坐标。该方法返回的对象包含两个整型属性:top 和 left,以像素计。此方法只对可见元素有效。而$(selector).offset(value) 他是设置所有匹配元素的偏移坐标(注意是所有的不单单是一个)而$(selector).offset(function(index,oldoffset))使用函数来设置所有匹配元素的偏移坐标。在多个匹配的时候想对其进行整体移动还是用函数好。 如果用的是直接赋值则效果会挤在一起。offsetParent() 方法返回最近的祖先(父)定位元素。 如果不存在祖先节点,则用在父节点上面。position() 方法返回匹 阅读全文
posted @ 2012-09-05 10:02 陆航 阅读(130) 评论(0) 推荐(0)
摘要:jq中获取属性名的方法prop("tagName") $("p").offsetParent().prop("tagName") 阅读全文
posted @ 2012-09-05 09:27 陆航 阅读(1441) 评论(0) 推荐(0)
摘要:val()的用法返回或设置被选元素的值。 与html text有些类似该方法一般用在input中在未设置值时 返回第一个匹配元素的 value 属性的值。他同样也有函数方法 第一个参数的当前的索引第二参数是当前值$("input:button").val(function(n,c){ return c + " Gates";}); 阅读全文
posted @ 2012-09-04 16:30 陆航 阅读(108) 评论(0) 推荐(0)
摘要:toggleClass() 对设置或移除被选元素的一个或多个类进行切换。该方法检查每个元素中指定的类。如果不存在则添加类,如果已设置则删除之。这就是所谓的切换效果。不过,通过使用 "switch" 参数,您能够规定只删除或只添加类。使用方法有三种a.$("p").toggleClass("main"); 可以对toggleClass设置true 和false true表示只进行添加操作 。flase则什么都不b.使用函数了 $(selector).toggleClass(function(index,class),switch) 其中 阅读全文
posted @ 2012-09-04 16:17 陆航 阅读(105) 评论(0) 推荐(0)
摘要:removeAttr() 方法从被选元素中移除属性 $("p").removeAttr("style");removeClass() 方法从被选元素移除一个或多个类。如需移除若干类,请使用空格来分隔类名。$("p:first").removeClass("intro");感觉这个在使用是不会遵循 一定要把c使用currentClass$('ul li').removeClass(function(n, c) { return 'listitem_' + $(this).index() 阅读全文
posted @ 2012-09-04 15:23 陆航 阅读(106) 评论(0) 推荐(0)
摘要:html()的作用是返回或设置被选元素的内容 (inner HTML)。当其未设值时,它会返回第一个匹配元素的内容。当使用该方法设置一个值时,它会覆盖所有匹配元素的内容。如果想对部分进行设置需另外设置带函数是 如下$("p").html(function(n, v){ return "这个 p 元素的 index 是:" + n + " " + v;});text()的作用与html()类似 唯一的差别在于 第一点 当其未设值时,它会返回所有匹配元素的内容。insertAfter() 方法在被选元素之后插入 HTML 标记或已有的元素 阅读全文
posted @ 2012-09-04 14:59 陆航 阅读(112) 评论(0) 推荐(0)
摘要:clone() 方法 生成被选元素的副本,包含子节点、文本和属性。如:$("body").append($("p").clone());区分detach和remove方法detach()方法用于移除被选元素,包括所有文本节点和子节点。这个方法会保留 jQuery 对象中的匹配的元素,因而可以在将来再使用这些匹配的元素。(简单的说他会将删除的内容返回以便再使用)detach() 会保留所有绑定的事件、附加的数据(这点他与remove不同)remove() 方法移除被选元素,包括所有文本和子节点。该方法不会把匹配的元素从 jQuery 对象中删除,因而可以在 阅读全文
posted @ 2012-09-04 14:08 陆航 阅读(107) 评论(0) 推荐(0)
摘要:在addClass()方法中有两种表示第一种是直接添加类,如$("p:first").addClass("intro");第二种是用函数添加类 必须用currentClass来包。用class不行$("div").addClass(function(index, currentClass) { var addedClass; if ( currentClass === "red" ) { addedClass = "green"; $("p").text("Ther 阅读全文
posted @ 2012-09-04 13:47 陆航 阅读(1748) 评论(0) 推荐(0)
摘要:clearQueue() 能够清除任何排队的函数(通过 .queue() 方法添加到通用 jQuery 队列的任何函数)。fadeIn() 逐渐改变被选元素的不透明度,从隐藏到可见fadeOut() 逐渐改变被选元素的不透明度,从可见到隐藏fadeTo() 方法将被选元素的不透明度逐渐地改变为指定的值。 阅读全文
posted @ 2012-09-04 10:56 陆航 阅读(160) 评论(0) 推荐(0)
摘要:letterSpacing:设置字符之间的空白wordSpacing:设置文本中的单词间距lineHeight:设置行高textIndent:设置段首空格多少位borderSpacing:设置相邻单元格的边框之间的距离(仅用于“边框分离”模式)。 阅读全文
posted @ 2012-09-04 10:38 陆航 阅读(3046) 评论(0) 推荐(0)