1、首先是CSS样式：[css] view plaincopyprint? /*updown*/  #shangxia{position:fixed;top:83%;right:42%;margin-right:-543px;display:block;_display:none}  #shang,#comt,#xia{background:url(../images/

this是JavaScript中功能最强大的关键字之一。不幸的是，如果你不知道它具体怎么工作，你将很难正确使用它。this是面向对象语言中的一个重要概念，在JAVA,C#等大型语言中，this固定指向运行时的当前对象。但是在javascript中，由于 javascript的动态性（解释执行，当然也有简单的预编译过程），this的指向在运行时才确定。这个特性在给我们带来迷惑的同时也带来了编程上

背景        这几天一直在用jquery写一个文件上传界面，用的是plupload和bootstrap，说是写，其实是一直在改plupload提供的js文件，改的过程发现自己对jquery掌握的还是不够熟练和系统，所以又把《锋利的jquery》拿出来，准备再好好读读。       今天就从选择器开始，为了好记，本文将分类器分为全局选择、层次选择以及表单选择。全局选择语法 

[javascript] view plaincopy$(function(){          $(":input").focus(function(){              $(this).addClass("focus");              }).blur(function(){                  $(this).removeClass("f

前言jQuery已经从其他javascript库中脱颖而出.查看http://www.google.com.hk/trends的结果window.onload与$(document).ready()区别1.window.onload必须等所有内容加载完才能运行,包括图片,而jquery等dom绘制完就可以执行,可能DOM加载的东西没关联2.window.onload不能写多

一.index.html二.效果

jQuery获取Select选择的Text和Value: 语法解释： 1. $("#select_id").change(function(){//code...}); //为Select添加事件，当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 

Validation1.引入jQuery库和Validation插件[javascript] view plaincopy"../../scripts/jquery.js" type="text/javascript">  "lib/jquery.validate.js" type="text/javascript">  2.确定哪个表单需要被验证

查找节点[javascript] view plaincopyvar $para = $("p");         // 获取节点  var $li = $("ul li:eq(1)");   // 获取第二个元素节点    var p_txt = $para.attr("title"); // 输出元素节点属性title  var ul_txt =  $li.att

效果：思想：用其他标签配合脚本和隐藏的input并通过传值模拟表单元素中的select*{margin: 0;padding: 0}.selectList{width: 500px;margin: 50px auto;display: block;width: 320px;}.selectValue{position: relative;he

前些天我们讲了下单选按钮的美化今天来做表单元素多选按钮的美化。我们的想法是：利用多选按钮是否被选中和是否不给选择的特性来为按钮的父元素添加对应的样式，就是说用什么的样式是由按钮的状态来决定。用到的图片效果代码我就不具体一步一步做了有兴趣的童鞋可以参见下我第一篇美化表单的文章http://blog.youkuaiyun.com/qianqianyixiao1/article/detail

在原生javascript中我们用的最多的遍历就是for，但是在jQuery里面有个方法比for还有强大，它就是我们经常看到的each()方法，当然了如果考虑性能方面的话还是建议用for来进行元素的遍历操作。each() 方法规定为每个匹配元素规定运行的函数。  $(function(){// $("ul li").each( function(inde

1:下面这个函数只要在DOM载入就绪(获取文档对象就绪的时候)就能被执行，   而window.onload需要在页面图片文件加载完之后才能执行.   $(document).ready(function(){//可用jQuery(document).ready(function()代替 或者 $(function()        // 你的代码    }); 2:鼠标点击时

类的设计[html] view plaincopy>  html>    head>      meta charset="UTF-8">      title>title>      meta name="viewport" content="width=device-width, initial-scale=1.0">    head>    body>      

jqueryfunctionjavascriptdate[javascript] view plaincopy"js/jquery-1.7.1.js" language="javascript">    "javascript">        function startRequest() {          $("#Logo1_lblTime").text((ne

最近很多人问怎么美化表单的元素，大家都知道表单元素在各个浏览器中的表现不一，反正也是特别的丑，那么问题就来了，我们能自己设计表单元素的外观么？答案是可以的，现在我们就来试试吧。我们用两种方式来实现这一效果，一种是用原生的javascript 和一种是现在特别流行的javascript框架jQuery来实现这一效果。首先我们先来用javascript的方式，不了解原生javascript的童鞋可

JavaScript window 对象window -- window对象是BOM中所有对象的核心window，中文"窗口"引用网址：http://www.dreamdu.com/javascript/window/window对象除了是BOM中所有对象的父对象外，还包含一些窗口控制函数全局的window对象JavaScript中的任何一个全局函数或变量都是win

Math对象[javascript] view plaincopy"text/javascript">        var max = Math.max(3, 54, 32, 16);      alert(max);    //54            var min = Math.min(3, 54, 32, 16);      alert(min);    /

文件结构网页结构头部:放LOGO,通往各个页面的链接内容:放置页面的主体内容底部:放置页面其他链接和版权信息[html] view plaincopy>  html xmlns="http://www.w3.org/1999/xhtml">  head>  meta http-equiv="Content-Type" content="text/ht

show()和hide()控制显示和隐藏[javascript] view plaincopy$("#panel h5.head").toggle(function(){          $(this).next().hide();          },function(){          $(this).next().show();          })  

[javascript] view plaincopy实现目标：在一单元格中显示部分内容，多余出来的内容隐藏，在显示的内容后面有省略号与显示按钮，点击显示后，显示全部文字，并显示隐藏按钮，javascript代码如下：    // 每行显示21个字，超过省略，用查看更多                      var disLen = 29;                   

执行时机[javascript] view plaincopyvar startTime = new Date().getTime();  $(document).ready(function(){          test1();          })    function test1(){      var endTime2  = new Date().get

1、富文本编辑器UEditor：http://ueditor.baidu.com/website/onlinedemo.html2、一个js压缩比较好用的网站http://tool.css-js.com/3、后台管理UI : Liger UIhttp://www.ligerui.com/4、jquery应用：ztree：http://www.

Js代码 : $("div[id]")              选择所有含有id属性的div元素   $("input[name='newsletter']")    选择所有的name属性等于'newsletter'的input元素      $("input[name!='newsletter']") 选择所有的name属性不等于'newsletter'的input元素   

利用浮层使select不可选123 123缺点：需明确的知道select的位置转自：http://bbs.youkuaiyun.com/topics/390280833

jQuery获取Select选择的Text和Value:      1. var checkText=jQuery("#select_id").find("option:selected").text();   //获取Select选择的Text      2. var checkValue=jQuery("#select_id").val();   //获取Select选

调用:var checkNum = /^[A-Za-z0-9]+$/;checkNum.test($(this).val());  1.非负整数         /^/d+$/     2.正整数           /^[0-9]*[1-9][0-9]*$/     3.非正整数       /^((-/d+)|(0+))$/     4.负整数        

80*80 88*31 300*250 300*300 438*305 463*209 100*60

jquery判断checked的三种方法:.attr('checked):   //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false.prop('checked'): //16+:true/false.is(':checked'):    //所有版本:true/false//别忘记冒号哦jquery赋值checked的几种写法:

var temp= $("#test").is(":hidden");//是否隐藏var temp1= $("#test").is(":visible");//是否可见

随着Jquery的作用越来越大，使用的朋友也越来越多。在Web中，由于CheckBox、Radiobutton 、DropDownList等控件使用的频率比较高，就关系到这些控件在Jquery中的操作问题。由于Jquery的版本更新很快，代码的写法也改变了许多，以下Jquery代码适query1.4版本以上。Radio 1.获取选中值，三种方法都可以：$('input:ra

目录(?)[+]转自：http://www.cnblogs.com/myfjd/archive/2011/11/25/2263702.html获取选中的值获取一组radio被选中项的值var item = $(“input[@name=items]：checked”).val();获取select被选中项的文本var item = $("select[@

http://www.cnblogs.com/qingyuan/archive/2010/10/10/1847307.htmlhttp://www.cnblogs.com/qingyuan/archive/2010/10/14/1850942.htmlhttp://www.cnblogs.com/qingyuan/archive/2010/10/17/1853789.htmlhttp:

转自：http://keenwon.com/955.html本文介绍一些使用jQuery的通用标准和最佳实践，这些标准不涵盖Javascript的标准和最佳实践，英文原文地址是 http://lab.abhinayrathore.com/jquery-standards/。加载jQuery1、尽量使用CDN加载：script type="text

html>  head>  script type="text/javascript" src="jquery.js">script>      script type="text/javascript">          $(function() {              x = 5;              y = 15;              $("p").hover(funct

如将click动作与test()函数进行绑定方法一click(test);方法二bind("click","test")

转自：http://blog.sina.com.cn/s/blog_609f9fdd0100wprz.htmlAjax会触发很多事件。有两种事件，一种是局部事件，一种是全局事件：局部事件：通过$.ajax来调用并且分配。$.ajax({beforeSend: function(){// Handle the beforeSend event},complete: f

onload事件是让这个函数只在网页加载完成后才得以执行，特别是在DOM操作中，XHTML文档加载完成之前，DOM是不完整的。下面来看看onload具体应用：8 @+ ~; B, S  m( K" cwindow.onload=functionname;//functionname函数名；假设我们要加载两个函数：first()和second()；如果你写成这样：[code]window

目录(?)[+]一、一张图片演示描述:这是ThickBox的一个简单实例，这个例子展示了在中放置一张图片（请看演示）。说明:创建一个link元素 ()给创建的这个link元素一个class属性，其值是：thickbox (class="thickbox")在href属性中指定一个张图片地址(.jpg .jpeg .png .gif .bmp)

转自：http://www.cnblogs.com/zgaspnet/archive/2012/03/29/2423823.html1.一张图片描述:这是ThickBox的一个简单实例，这个例子展示了在中放置一张图片（请看演示）。说明:创建一个link元素 ()给创建的这个link元素一个class属性，其值是：thickbox (class="thickbox")