09 2012 档案

Jquery中获取iframe的方法
摘要：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 陆航 阅读(877) 评论(0) 推荐(0)
第二遍jquery w3c教程 之二
摘要：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)
第二遍jquery w3c教程 之一
摘要：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 陆航 阅读(236) 评论(0) 推荐(0)
document.all的用法
摘要：1.document.all是页面内所有元素的一个集合 、例如document.all(0)表示页面内的第一个元素2.document.all可以判断浏览器是否是IE3可以通过给某个元素设置id属性 然后使用document.all来访问。如<input name=aaa value = aaa><script>alert(document.all.aaa.value);</scritp> 阅读全文
posted @ 2012-09-24 11:26 陆航 阅读(179) 评论(0) 推荐(0)
trigger事件的使用
摘要：$(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 陆航 阅读(258) 评论(0) 推荐(0)
show hide()函数 参数具体对应的毫秒数
摘要：slow： 600毫秒normal： 400毫秒fast：200毫秒 阅读全文
posted @ 2012-09-20 10:10 陆航 阅读(333) 评论(0) 推荐(0)
jq中CSS-DOM操作的css()的注意
摘要：一般使用成$("p").css({"fontSize":"30px","backgroundColor":#888888});注意1.如果值时数字，将会被自动转化为像素值。2.在css()方法中，如果属性中带有“-”符号，例如font-size和background-color属性，如果在设置这些属性的值的时候不带引号，那么就得用驼峰式写法，例如：$("p").({fontSize:"30px",backgroundColor:"#888888"});如果 阅读全文
posted @ 2012-09-19 16:20 陆航 阅读(6588) 评论(0) 推荐(0)
css hack的使用
摘要：补充：color{background-color: #CC00FF; /*所有浏览器都会显示为紫色*/background-color: #FF0000\9; /*IE6、IE7、IE8会显示红色*/*background-color: #0066FF; /*IE6、IE7会变为蓝色*/ _background-color: #009933; /*IE6会变为绿色*/}好多css hack，最重要的是简单实用能解决问题就行了总结：\9： IE6 IE7 IE8*： IE6 IE7_： IE6*+： IE7---------------------------------------- IE6 阅读全文
posted @ 2012-09-18 16:57 陆航 阅读(210) 评论(0) 推荐(0)
左边在线客服的小技巧
摘要：setInterval(function (){ //用距离顶的高度 + （滚动的高度+100 - 距离顶的高度）乘0.1 me.style.top = parseInt(me.style.top) + (Math.max(document.body.scrollTop, document.documentElement.scrollTop) + _top - parseInt(me.style.top)) * 0.1 + 'px'; }, 10 + parseInt(Math.random()*20) ); //如果将这里的参数设置为10 + parseInt(Math.ra 阅读全文
posted @ 2012-09-18 11:04 陆航 阅读(194) 评论(0) 推荐(0)
区分mouseover与mouseenter的差别
摘要：mouseenter() 方法 只有在鼠标指针经过被选元素时(不包括鼠标指针经过任何子元素)，才会触发 mouseenter 事件。mouseover ()方法在鼠标指针经过被选元素或者经过任何子元素时，都会触发 mouseover 事件。mouseenter() 与 mouseover() 的区别实例认清两都区别，对编写二级或多级导航菜单有 一定帮助区别mouseenter() 方法与 mouseover() 方法的实例：(下面内容放置页面BODY标签内即可运行，取消“ mouseover事件触发” 注释，再注释 “mousenter事件触发” 可进行效果对比，使用mouseover时，鼠标 阅读全文
posted @ 2012-09-17 15:00 陆航 阅读(223) 评论(0) 推荐(0)
<a>中的title对SEO有一定的效果要分清楚情况
摘要：在a标签中添加title属性的作用就是为链接添加描述性文字，wordpress中的导出链接的函数经常自带title的，seo实践认为的title属性对关键词排名是有利的，但要分情况，要做到合理不重复！我们看两个代码：<a title="闪电博客" href="http://shandian.biz/">闪电博客</a><a title="闪电博客" href="http://shandian.biz/">点击这里</a>对于第一段代码，提示文字跟锚文本一样，这个提示就 阅读全文
posted @ 2012-09-14 13:52 陆航 阅读(426) 评论(0) 推荐(0)
创建函数还有一种方法
摘要：var add = new Function("x", "y", "return(x+y)");alert(add(2,3)); 阅读全文
posted @ 2012-09-14 09:39 陆航 阅读(140) 评论(0) 推荐(0)
display：block 的认识
摘要：white-space:nowrap; + display:block 下面一种情况要注意<style type="text/css"> html { overflow: hidden; } body { background: #222; } #menu { padding: 10px; background: #000; height: 300px; width: 400px; } #menu a { display:block; text-decoration:none; font-family: arial, helvetica, verdana, sa 阅读全文
posted @ 2012-09-13 17:45 陆航 阅读(195) 评论(0) 推荐(0)
JavaScript中的Timer是怎么工作的
摘要：JavaScript中的Timer是怎么工作的作为入门者来说，了解JavaScript中timer的工作方式是很重要的。通常它们的表现行为并不是那么地直观，而这是因为它们都处在一个单一线程中。让我们先来看一看三个用来创建以及操作timer的函数。var id = setTimeout(fn, delay);- 初始化一个单一的timer，这个timer将会在一定延时后去调用指定的函数。这个函数（setTimeout）将返回一个唯一的ID，我们可以通过这个ID来取消timer。var id = setInterval(fn, delay);- 与setTimeout类似，只不过它会持续地调用指定 阅读全文
posted @ 2012-09-13 15:26 陆航 阅读(202) 评论(0) 推荐(0)
display:block的注意
摘要：a 元素是是一个行内元素，display：block；就是将他强行转化为块级元素。行内元素没有没有上下填充,也就是说你设置padding-top padding-bottom将是徒劳 阅读全文
posted @ 2012-09-13 14:38 陆航 阅读(123) 评论(0) 推荐(0)
background-position
摘要：值描述top lefttop centertop rightcenter leftcenter centercenter rightbottom leftbottom centerbottom right如果您仅规定了一个关键词，那么第二个值将是"center"。默认值：0% 0%。x% y%第一个值是水平位置，第二个值是垂直位置。左上角是 0% 0%。右下角是 100% 100%。如果您仅规定了一个值，另一个值将是 50%。xpos ypos第一个值是水平位置，第二个值是垂直位置。左上角是 0 0。单位是像素 (0px 0px) 或任何其他的 CSS 单位。如果您仅规定了 阅读全文
posted @ 2012-09-13 14:24 陆航 阅读(154) 评论(0) 推荐(0)
document.dcoumentElement.scrollTop
摘要：这两天在写一个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 陆航 阅读(253) 评论(0) 推荐(0)
$.fn.extend()与$.extend()的使用
摘要：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 陆航 阅读(223) 评论(0) 推荐(0)
jq遍历的基础语法之二
摘要：1 map() 把每个元素通过函数传递到当前匹配集合中，生成包含返回值的新的 jQuery 对象。（这个比较抽象，日后多看下）2 nextUntil() 获得每个元素所有跟随的同胞元素，但不包括被选择器、DOM 节点或已传递的 jQuery 对象匹配的元素。如果不提供供筛选的选择器，则该方法选取的元素与 .nextAll() 方法相同；如果选择器不匹配或未规定选择器，则会选取所有跟随的同胞。3 not() 从匹配元素集合中删除元素。4 offsetParent() 获得被定位的最近祖先元素。5 parent() 获得当前匹配元素集合中每个元素的父元素，使用选择器进行筛选是可选的。6 paren 阅读全文
posted @ 2012-09-10 14:22 陆航 阅读(469) 评论(0) 推荐(0)
jq遍历的基础语法之一
摘要：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 陆航 阅读(1530) 评论(0) 推荐(0)
jquery中ajax的学习之$.ajax()
摘要：1. 发送数据到服务器 ：默认情况下，Ajax 请求使用 GET 方法。如果要使用 POST 方法，可以设定 type 参数值。这个选项也会影响 data 选项中的内容如何发送到服务器。data 选项既可以包含一个查询字符串，比如 key1=value1&key2=value2 ，也可以是一个映射，比如 {key1: 'value1', key2: 'value2'} 。2. 回调函数 ：如果要处理 $.ajax() 得到的数据，则需要使用回调函数：beforeSend、error、dataFilter、success、complete。 阅读全文
posted @ 2012-09-07 16:55 陆航 阅读(145) 评论(0) 推荐(0)
PHP后台数据库的一些注意
摘要：1 mysql_connect(server,user,pwd,newlink,clientflag)打开非持久的 MySQL 连接。 前三个分别是服务器 登录名密码2 die() 函数输出一条消息，并退出当前脚本。 如die ("退出当前脚本")3 mysql_select_db()函数设置活动的 MySQL 数据库。如果成功返回true4 mysql_query() 执行一条 MySQL 查询。会返回true和false5 mysql_fetch_array() 函数从结果集中取得一行作为关联数组，或数字数组，或二者兼有 阅读全文
posted @ 2012-09-07 14:29 陆航 阅读(222) 评论(0) 推荐(0)
注意点
摘要：在写php ajax jquery代码的时候 不要给我忘记了<script src="jquery1.8.0.js"></script>JSON文件不能写错啊[{"optiontext":"tea","optionvalue":"tea"},{"optiontext":"coffee","optionvalue":"coffee"},{"optiontext":" 阅读全文
posted @ 2012-09-07 14:14 陆航 阅读(134) 评论(0) 推荐(0)
PHP基础知识之三
摘要：1 PHP所有的变量都是以$开头的2 $_GET 变量用于收集来自 method="get" 的表单中的值当用户点击提交按钮时，发送的 URL 会类似这样：http://www.w3school.com.cn/welcome.php?name=Peter&age=37$_POST 变量用于收集来自 method="post" 的表单中的值。当用户点击提交按钮，URL 不会含有任何表单数据，看上去类似这样：http://www.w3school.com.cn/welcome.php$_REQUEST变量可用来取得通过 GET 和 POST 方法发送 阅读全文
posted @ 2012-09-06 15:35 陆航 阅读(121) 评论(0) 推荐(0)
PHP基础知识之二
摘要：1 PHP中给数组中的每个值赋值 用$ages = array("Peter"=>32, "Quagmire"=>30, "Joe"=>34); 他等价于 $ages['Peter'] = "32"; $ages['Quagmire'] = "30"; $ages['Joe'] = "34";2 PHP多维数组$families = array( "Griffin"=>array ( 阅读全文
posted @ 2012-09-06 10:44 陆航 阅读(125) 评论(0) 推荐(0)
php基础知识之一
摘要：1 php中的echo相当于jq中的html() js中的document.write()2 php中只有一个字符串运算符(.) 用于把两个字符串值连接起来。相当于jq js中的"+"3 php中的函数strlen() 函数用于计算字符串的长度。strpos() 函数用于在字符串内检索一段字符串或一个字符。存放两个参数如果在字符串中找到匹配，该函数会返回第一个匹配的位置。如果未找到匹配，则返回 FALSE。4 php中elseif要写在一起。5 php中建立一个数组用array 如$names = array("Peter","Quagmire 阅读全文
posted @ 2012-09-06 10:36 陆航 阅读(140) 评论(0) 推荐(0)
jquery中的CSS
摘要：offset()返回第一个匹配元素的偏移坐标。该方法返回的对象包含两个整型属性：top 和 left，以像素计。此方法只对可见元素有效。而$(selector).offset(value) 他是设置所有匹配元素的偏移坐标（注意是所有的不单单是一个）而$(selector).offset(function(index,oldoffset))使用函数来设置所有匹配元素的偏移坐标。在多个匹配的时候想对其进行整体移动还是用函数好。 如果用的是直接赋值则效果会挤在一起。offsetParent() 方法返回最近的祖先（父）定位元素。 如果不存在祖先节点，则用在父节点上面。position() 方法返回匹 阅读全文
posted @ 2012-09-05 10:02 陆航 阅读(134) 评论(0) 推荐(0)
jq中获取属性名的方法
摘要：jq中获取属性名的方法prop("tagName") $("p").offsetParent().prop("tagName") 阅读全文
posted @ 2012-09-05 09:27 陆航 阅读(1448) 评论(0) 推荐(0)
jquery中的文档操作之六
摘要：val()的用法返回或设置被选元素的值。 与html text有些类似该方法一般用在input中在未设置值时 返回第一个匹配元素的 value 属性的值。他同样也有函数方法 第一个参数的当前的索引第二参数是当前值$("input:button").val(function(n,c){ return c + " Gates";}); 阅读全文
posted @ 2012-09-04 16:30 陆航 阅读(115) 评论(0) 推荐(0)
jquery中的文档操作之五
摘要：toggleClass() 对设置或移除被选元素的一个或多个类进行切换。该方法检查每个元素中指定的类。如果不存在则添加类，如果已设置则删除之。这就是所谓的切换效果。不过，通过使用 "switch" 参数，您能够规定只删除或只添加类。使用方法有三种a.$("p").toggleClass("main"); 可以对toggleClass设置true 和false true表示只进行添加操作 。flase则什么都不b.使用函数了 $(selector).toggleClass(function(index,class),switch) 其中 阅读全文
posted @ 2012-09-04 16:17 陆航 阅读(107) 评论(0) 推荐(0)
jquery中的文档操作之四
摘要：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 陆航 阅读(110) 评论(0) 推荐(0)
jquery中的文档操作之三
摘要：html()的作用是返回或设置被选元素的内容 (inner HTML)。当其未设值时，它会返回第一个匹配元素的内容。当使用该方法设置一个值时，它会覆盖所有匹配元素的内容。如果想对部分进行设置需另外设置带函数是 如下$("p").html(function(n, v){ return "这个 p 元素的 index 是：" + n + " " + v;});text()的作用与html()类似 唯一的差别在于 第一点 当其未设值时，它会返回所有匹配元素的内容。insertAfter() 方法在被选元素之后插入 HTML 标记或已有的元素 阅读全文
posted @ 2012-09-04 14:59 陆航 阅读(116) 评论(0) 推荐(0)
jquery中的文档操作之二
摘要：clone() 方法 生成被选元素的副本，包含子节点、文本和属性。如：$("body").append($("p").clone());区分detach和remove方法detach()方法用于移除被选元素，包括所有文本节点和子节点。这个方法会保留 jQuery 对象中的匹配的元素，因而可以在将来再使用这些匹配的元素。（简单的说他会将删除的内容返回以便再使用）detach() 会保留所有绑定的事件、附加的数据（这点他与remove不同）remove() 方法移除被选元素，包括所有文本和子节点。该方法不会把匹配的元素从 jQuery 对象中删除，因而可以在 阅读全文
posted @ 2012-09-04 14:08 陆航 阅读(110) 评论(0) 推荐(0)
jquery中的文档操作之一addClass append attr
摘要：在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 陆航 阅读(1753) 评论(0) 推荐(0)
jq中的效果
摘要：clearQueue() 能够清除任何排队的函数（通过 .queue() 方法添加到通用 jQuery 队列的任何函数）。fadeIn() 逐渐改变被选元素的不透明度，从隐藏到可见fadeOut() 逐渐改变被选元素的不透明度，从可见到隐藏fadeTo() 方法将被选元素的不透明度逐渐地改变为指定的值。 阅读全文
posted @ 2012-09-04 10:56 陆航 阅读(163) 评论(0) 推荐(0)
在jq中使用animate() 方法，注意这些属性
摘要：letterSpacing：设置字符之间的空白wordSpacing：设置文本中的单词间距lineHeight：设置行高textIndent：设置段首空格多少位borderSpacing：设置相邻单元格的边框之间的距离（仅用于“边框分离”模式）。 阅读全文
posted @ 2012-09-04 10:38 陆航 阅读(3046) 评论(0) 推荐(0)
移除不同的
摘要：unbind() 方法移除被选元素的事件处理程序。该方法能够移除所有的或被选的事件处理程序，或者当事件发生时终止指定函数的运行。ubind() 适用于任何通过 jQuery 附加的事件处理程序。undelegate()从所有元素删除由 delegate() 方法添加的所有事件处理器：当用户离开页面时，会发生 unload 事件。具体来说，当发生以下情况时，会发出 unload 事件：点击某个离开页面的链接在地址栏中键入了新的 URL使用前进或后退按钮关闭浏览器重新加载页面 阅读全文
posted @ 2012-09-03 17:32 陆航 阅读(113) 评论(0) 推荐(0)
trigger()与triggerHandler()的不同
摘要：与 trigger() 方法不同，triggerHandler() 方法不会引起所发生事件的默认行为（文本不会被选中）。 阅读全文
posted @ 2012-09-03 17:07 陆航 阅读(157) 评论(0) 推荐(0)
toggle方法
摘要：toggle() 方法用于绑定两个或多个事件处理器函数，以响应被选元素的轮流的 click 事件。当指定元素被点击时，在两个或多个函数之间轮流切换。<script src="jquery-1.8.0.js"></script><script>$(document).ready(function(){ $("button").toggle( function(){ $("body").css("background-color","green");}, func 阅读全文
posted @ 2012-09-03 17:02 陆航 阅读(381) 评论(0) 推荐(0)
mouseleave与mouseout的区别
摘要：不论鼠标指针离开被选元素还是任何子元素，都会触发 mouseout 事件。只有在鼠标指针离开被选元素时，才会触发 mouseleave 事件。 阅读全文
posted @ 2012-09-03 16:55 陆航 阅读(138) 评论(0) 推荐(0)
jq中的change事件
摘要：jq中的change事件支持text textarea selecttimeStamp 这个jq效果返回的内容是有问题的。在火狐可以 但其值不是正确的 。。在IE中不能够执行当鼠标指针穿过元素时，会发生 mouseenter 事件。 一般与mouseleave一起配合使用 阅读全文
posted @ 2012-09-03 16:15 陆航 阅读(1303) 评论(0) 推荐(0)
jq的ajax
摘要：$(selector).load(url,data,callback) 把远程数据加载到被选的元素中$.ajax(options) 把远程数据加载到 XMLHttpRequest 对象中$.get(url,data,callback,type) 使用 HTTP GET 来加载远程数据$.post(url,data,callback,type) 使用 HTTP POST 来加载远程数据$.getJSON(url,data,callback) 使用 HTTP GET 来加载远程 JSON 数据$.getScript(url,callback) 加载并执行远程的 JavaScript 文件... 阅读全文
posted @ 2012-09-03 13:34 陆航 阅读(2156) 评论(0) 推荐(0)
HTML的修改css的修改以及动画完成后，执行某个函数方法
摘要：$(selector).hide(speed,callback) 执行完动画后执行callback方法$(selector).html(content) 改变被选元素的（内部）HTML$(selector).append(content) 向被选元素的（内部）HTML 追加内容$(selector).prepend(content) 向被选元素的（内部）HTML “预置”（Prepend）内容$(selector).after(content) 在被选元素之后添加 HTML$(selector).before(content) 在被选元素之前添加 HTML$(selector).css... 阅读全文
posted @ 2012-09-03 11:31 陆航 阅读(353) 评论(0) 推荐(0)
jq函数
摘要：jq函数$(document).ready(function) 将函数绑定到文档的就绪事件（当文档完成加载时）$(selector).click(function) 触发或将函数绑定到被选元素的点击事件$(selector).dblclick(function) 触发或将函数绑定到被选元素的双击事件$(selector).focus(function) 触发或将函数绑定到被选元素的获得焦点事件$(selector).mouseover(function) 触发或将函数绑定到被选元素的鼠标悬停事件jq效果$(selector).hide() 隐藏被选元素$(selector).show... 阅读全文
posted @ 2012-09-03 10:36 陆航 阅读(2061) 评论(0) 推荐(0)
jq的网络地址以及需注意的地方
摘要：google：http://ajax.googleapis.com/ajax/libs /jquery/1.4.0/jquery.min.jsmicrosoft：http://ajax.microsoft.com/ajax/jquery /jquery-1.4.min.js$("[href]") 选取所有带有 href 属性的元素。$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。$("[href!='#']") 选取所有带有 href 值不等于 &qu 阅读全文
posted @ 2012-09-03 09:50 陆航 阅读(740) 评论(0) 推荐(0)