
jQuery
fisea
这个作者很懒,什么都没留下…
展开
-
jQuery技巧
1、关于页面元素的引用通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法。2、jQuery对象与dom对象的转换只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对象还是 jquery对原创 2010-04-27 09:09:00 · 391 阅读 · 0 评论 -
案例----某网站品牌列表的效果
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml"> *{ margin:0; padding:0;}body {font-size:12px;text-align:center;}a { color:#04D; text-decoration:none;}a:hover {原创 2010-05-06 17:17:00 · 563 阅读 · 0 评论 -
图片提示
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">图片提示 body{ margin:0; padding:40px; background:#fff; font:80% Arial, Helvetica, sans-serif; color:#555; line-heig原创 2010-05-06 19:57:00 · 516 阅读 · 0 评论 -
选择器中的一些注意事项
1、得到表单内表单元素的个数:(input、textarea、select、button)$("#form1 :input").length;2、得到表单内input元素:$("#form1 input");3、选择器中含有"."、"#"、"("、"]"等特殊字符http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">h原创 2010-05-06 16:35:00 · 568 阅读 · 0 评论 -
dom对象与jQuery对象的互换
<br />Jquery对象的方法与DOM对象的方法是不能混合使用的。例如$("#id").innerHTML或者document.getElementById("id").html()都是错误的。<br />Jquery对象与DOM对象的转换,Jquery选择器返回的对象实则是以对象数组的方式返回的,因此可以使用数组下标进行转换。也可使用Jquery中的get(index)方法<br />$(function(){<br /> var $p=$("p");<br /> var p=$p[0];原创 2010-06-01 09:23:00 · 457 阅读 · 0 评论 -
选择器
1、基本选择器从最开始看到Jquery这样的选择器就让我想起了CSS的选择器,简直是同出一辙啊,CSS的选择器语法个人觉得相当的经典,那么Jquery借鉴CSS也就没有多少疑问了。还是复习一下CSS的选择器吧其中h1为选择器,color:red与background:#d00与声明,两者结合也即{}内称为声明块;color与background称为属性;red与#d00称为值。其中选择器类别可分为以下类别:标签选择器:p{CSS rules}id选择器:#ID{CSS rules}类选择器:.Class{C原创 2010-06-01 09:36:00 · 393 阅读 · 0 评论 -
过滤选择器
<br />1、基本过滤选择器<br />此项选择器搭配基本选择器可以讲占到实际选择器应用的90%以上(可由document.getElementById及节点nodeChilds得知)<br />:first//(选取第一个元素)<br />:last//(选取最后一个元素)<br />:even//(选取索引是偶数的所有元素)<br />:odd//(选取索引是奇数的所有元素)<br />:eq(index)//(选取索引等于index的元素)<br />:gt(index)//(选取索引大于index原创 2010-06-01 10:03:00 · 823 阅读 · 0 评论 -
jquery实现表格隔行换色、锁定单元行、荧光棒、全选反选特效
<script type="text/javascript">$(function(){ $("table tr:even").addClass("tdOdd"); $("th:first").css("background","#B4C6C1");//首个 $("table tr").mouseover(function(){ $(this).addClass("tdOver");}).mouseout(function(){ $(this).removeClass("tdOve原创 2010-06-01 10:10:00 · 1957 阅读 · 0 评论 -
jQuery 图片切换 响应键盘 关联标题
<br />// JavaScript Document By Trance<br />$(document).ready(function(){<br /><br />var t=false; //定时器<br />var time=5000; //切换间隔<br />var speed=500; //滚动时间<br />var fot=300; //淡出时间<br />var fin=300; //淡入时间<br />var i=0; //起始序列 这个变量将贯穿整个程序 来控制要显示的序列原创 2010-06-02 14:41:00 · 949 阅读 · 0 评论 -
div屏幕水平垂直居中
<br /><br />很简单的一段代码<br />$(‘#xxx).css({‘left’:($(document).width()-477)/2,’top’:($(document).height()-350)/2});<br /> <br />原创 2010-06-02 15:38:00 · 450 阅读 · 0 评论 -
解决jQuery库与其他库冲突
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">冲突解决1test---prototypetest---jQueryjQuery.noConflict(); //将变量$的控制权让渡给prototype.jsjQuery(function(){ //使用jQuery jQuery("p").click(functi原创 2010-05-06 00:49:00 · 613 阅读 · 0 评论 -
了解jQuery技巧来提高你的代码
1.测试jQuery包装集是否包含某些元素 如果你想测试一下某个jQuery包装集中是否包含某些元素,你首先可以尝试使用验证首个元素是否存在:Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->if($(selector)[0]){}// 或原创 2010-05-04 09:07:00 · 388 阅读 · 0 评论 -
jQuery入门[2]-选择器
html xmlns="http://www.w3.org/1999/xhtml">head> title>Selectortitle> script src="../scripts/jquery-1.2.3.intellisense.js" type="text/javascript">script>head>body> input value="1" /> + inp原创 2010-05-02 16:41:00 · 330 阅读 · 0 评论 -
安全邮件列表
规则提到如何防止垃圾邮件:不要把你的邮件地址放到任何一个mailto:链接中. 在与垃圾邮件恶魔做斗争的过程中我们的网页设计师和程序员总结出了一些有创意的解决办法,让我们快速的看一些这些常见方法的缺点(或多或少有一些). name [at-no-spam] website.com 问题:链接式的更方便,而且把邮件地址敲入收件人栏还有可能会出错. 联系方式 问题:你冒着这么大的风险就转载 2010-05-03 16:35:00 · 1280 阅读 · 0 评论 -
使用选择器和事件
jQuery提供两种方式来选择html的elements,第一种是用CSS和Xpath选择器联合起来形成一个字符串来传送到jQuery的构造器(如:$("div > ul a"));第二种是用jQuery对象的几个methods(方法)。这两种方式还可以联合起来混合使用。为了测试一下这些选择器,我们来试着在我们starterkit.html中选择并修改第一个ordered list.一开始转载 2010-05-03 18:35:00 · 397 阅读 · 0 评论 -
jQuery入门[1]-构造函数
jQuery优点◦ 体积小(v1.2.3 15kb)◦ 丰富的DOM选择器(CSS1-3 + XPath) ◦跨浏览器(IE6,FF,Safari,Opera)◦ 链式代码◦ 强大的事件、样式支持◦ 强大的AJAX功能◦ 易于扩展,插件丰富jQuery的构造函数接收四种类型的参数: jQuery(expression,context) jQuery(html) jQuery(ele原创 2010-05-02 16:17:00 · 388 阅读 · 0 评论 -
jQuery-对Radio/CheckBox的操作集合
jQuery获取Radio选择的Value值$("input[name=radio_name][checked]").val(); //选择被选中Radio的Value值 $("#text_id").focus(function(){//code...}); //事件 当对象text_id获取焦点时触发 $("#text_id").blur(function(){//code...});原创 2010-05-03 00:08:00 · 464 阅读 · 0 评论 -
jQuery性能优化指南(1)
1,总是从ID选择器开始继承 在jQuery中最快的选择器是ID选择器,因为它直接来自于JavaScript的getElementById()方法。例如有一段HTML代码: Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> div id转载 2010-05-03 20:00:00 · 377 阅读 · 0 评论 -
学习jQuery之旅--新手必须知道的常用方法
jQuery中常用的函数方法总结jQuery中为我们提供了很多有用的方法和属性,自己总结的一些常用的函数,方法。个人认为在开发中会比较常用的,仅供大家学习和参考。事件处理 ready(fn)代码:$(document).ready(function(){ // Your code here...});作用:它可以极大地提高web应用程序的响应速度。通过使用这个方法,可以在DO原创 2010-05-02 00:29:00 · 383 阅读 · 0 评论 -
jQuery技巧总结
一、简介1.1、概述随着WEB2.0及ajax思想在互联网上的快速发展传播,陆续出现了一些优秀的Js框架,其中比较著名的有Prototype、YUI、jQuery、mootools、Bindows以及国内的JSVM框架等,通过将这些JS框架应用到我们的项目中能够使程序员从设计和书写繁杂的JS应用中解脱出来,将关注点转向功能需求而非实现细节上,从而提高项目的开发速度。jQuery是继prototyp原创 2010-05-02 11:25:00 · 313 阅读 · 0 评论 -
jQuery实现CheckBox全选、全不选
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">html xmlns="http://www.w3.org/1999/xhtml">head runat="server"> title>Indextitl原创 2010-05-03 13:00:00 · 361 阅读 · 0 评论 -
解决JQuery中的ready函数冲突
<br />jQuery确实是一个提高前端开发效率的好框架(虽然很多大牛们都说它效率不咋地),但是用好它有时候并不容易,也许你也遇到过以下情况:<br /> <br />一个aspx页面通常可以包含其它ascx控件,如果在多人协同开发的情况下:程序员小张在控件A.ascx中使用了 $().ready(function{}),而程序员小王又在控件B.ascx中也使用了ready函数,程序员小李在做页面时,把A.ascx,B.ascx都拖到自己的页面中,然后在页面中也需要用到$().ready函数,这下好了:<原创 2010-06-02 17:13:00 · 503 阅读 · 0 评论