JavaScript实例:mini选择器实例代码详解

JavaScript实例:mini选择器实例代码详解的相关文章

• 
  css 类选择器和id选择器

  标签：Web开发

  在 CSS 中，类选择器以一个点号显示： .center {text-align: center} 在上面的例子中，所有拥有 center 类的 HTML 元素均为居中。 在下面的 HTML 代码中，h1 和 p 元素都有 center 类。这意味着两者都将遵守 ".center" 选择器中的规则。 h1 class="center" This heading will be center-aligned /h1 p class="center" This paragraph will also be center-aligned. /p ********...[ 查看全文 ]

  工号_026

  11
• 
  Javascript实例教程(11) 隐藏script代码

  标签：Web开发

  对于javascript初学者来说，它们经常忘记在旧浏览器（比如Netscape Navigator 1.12）隐藏JavaScript代码。你也许会问为什么要隐藏呢？原因很简单，就是旧的浏览器不支持JavaScript。如果你不加以正确的措施，在旧的浏览器上将会显示你的JavaScript源代码，跟HTML一样，所以你必须将JavaScript隐藏起来。具体，你可以使用一些HTML语句来轻松实现从旧的浏览器中隐藏Javascript的目的。 具体代码如下： SCRIPT ...[ 查看全文 ]

  虎珀4

  21
• 
  jquery的颜色选择插件实例代码

  标签：Web开发

  代码如下: (function($){ $.fn.extend({ selectColor:function(){ var _d = new Date(); var _tem = _d.getTime(); return this.each(function(){ var showColor = function(_obj){ var _left = parseInt($(_obj).offset().left); var _top = parseInt($(_obj).offset().top); var _width = parseInt($(_obj).width()); var _height = parseInt($(_obj).height()); var _maxindex = function(){...[ 查看全文 ]

  办卡60

  31
• 
  Javascript工作流引擎代码及实例

  标签：Web开发

  最近在学习jBPM和Javascript，所以按照一些相关概念自己写了下面的200行代码的“工作流引擎”，工作流管理系统包含了流程定义，引擎，及应用系统三个主要部分，下面的代码实现了流程的分支合并，目前只支持一种环节上的迁移。拷贝到html，双击就可以跑起来。 var workflowDef = { start:{ fn:"begin", //对应处理方法可以在内部定义...[ 查看全文 ]

  d0633d

  01
• 
  JavaScript实例教程（十六）查看源代码

  标签：Web开发

  有没有想过，在不通过进入到相应的主页页面就可以看到该页的源代码，比如，你想获知www.5Dmedia.net的源代码是什么，但是又不愿意直接登录该网站，于是下面我们要接触到的好东东就可以使你达到这个目的。 先看看源程序： SCRIPT LANGUAGE="JavaScript" function viewSource() { document.getSource.view.value="请稍等..."; //在找寻源代码时按钮view上出现的文字 setTimeout("document.getSource.vie...[ 查看全文 ]

  V3菱悦619

  21
• 
  CSS实例:盒模型、块状元素与内联元素、CSS选择器

  标签：Web开发

  课程关键词：、、 要求： 1）宽度、高度均是200像素； 2）颜色为红色#900； 自己做做，看看能不能作出来？先不要看我的代码，如果真的做不出来，就下载下来，跟着我下面说的一步一步修改。 下面是我的代码：  例子1.rar (498 Bytes) 在IE6和FF中显示效果如下图：   怎么样，比较容易吧~，但是你们有没有发现，红色区域离浏览器的顶部和左边的边距IE6和FF的不一样，有没有发现？这样的...[ 查看全文 ]

  jdengyanm

  11
• 
  实例：尽可能写友好的Javascript代码

  标签：Web开发

  在Search Engine的robot搜索时，针对的type，text/html此类“文本”的友好度是最高的（现阶段text/xml除外），而 text/javascript此类的友好度不理想，如果robot还要判断DHTML代码的话，那这个复杂度也是较高，而且划不来，因此，在DHTML 编程时，如果要提升代码的友好度。采用的方法，较好的方法是“尽可能是把DHTML的代码简化成没有HTML的代码”。这句话如何理解？ e.g: 一个javascript menu。 方...[ 查看全文 ]

  追爱27

  01
• 
  Javascript中判断润年简单的代码实例

  标签：Web开发

  Javascript如何判断是否是润年时，采用纠错的方式较为方便与简单一点，下面的new Date(year , month , day)中的month是从0开始,2表示3月,意思是构造3月1日的前一天，然后检查这一天的日期是否是29。实际上利用了date对象自己的纠错计算。 Javascript测试函数isSmoothYear()   以下是引用片段：  1 script language="javascript"  2    var isSmoothYear = funct...[ 查看全文 ]

  宇灭

  11
• 
  jQuery 选择器理解

  标签：Web开发

  $的选择器部分: 凡是运用$,其返回值是一个object $选择器主要用于选择标签.基本用法是同css的选择器.但是,很让人兴奋的是,他支持常见的浏览器,而css中很多选择器是IE6所不支持的. 1.基本选择器(3种): ----凡是运用$,其返回值是一个object $("标签名"),如$("p")是选取了所有的p标签节点 $("#id名"),如$("#test")是选取了id为test的标签节点 $(".class名"),如$(".test")是选取了所有class为test的标签...[ 查看全文 ]

  轩宇血

  01
• 
  JavaScript教程:this使用实例

  标签：Web开发

  this是Javascript语言的一个关键字。 它代表函数运行时，自动生成的一个内部对象，只能在函数内部使用。比如， function test(){ this.x = 1; } 随着函数使用场合的不同，this的值会发生变化。但是有一个总的原则，那就是this指的是，调用函数的那个对象。 下面分四种情况，详细讨论this的用法。 情况一：纯粹的函数调用 这是函数的最通常用法，属于全局性调用，因此this...[ 查看全文 ]

  杨文山的事情

  31
• 
  jquery css 选择器演示代码

  标签：Web开发

  效果如图所示: 核心代码: 代码如下: script type="text/javascript" $('#one').css("background","#fff"); $('div').css("background","#fff"); $('body div').css("background","#bbffaa");//改变body内所有div的属性 $('div span').css("background","#bbffaa").css("color","red").css("font-size","12px");//改变所有div下的span元素的属性 $('#two .mini').css("background","red");//id为...[ 查看全文 ]

  yellowcatzy

  51
• 
  渲染CSS选择器

  标签：Web开发

  最近在 看到一篇关于css选择器的文章《 》，我英文太差，在翻译软件和朋友的帮助下稍微的看懂了一些， 看本文需要谨慎，谨防被我误导，如果你英文强，能翻译作者原文那就更好了，大家都会感谢你的； 看懂的整理了如下几点： 1.作者先前的文章里说：不用去优化CSS选择器，因为优化CSS选择器对网友的性能提升很小，不值得去计较；这个观点似乎有点不对，作者收到了很多批评的反馈；(转载请注明出处：...[ 查看全文 ]

  猎奇熊川

  61
• 
  CSS布局实例代码:两列布局实例

  标签：Web开发

  CSS两列布局，右侧固定，左侧自适应宽度div style="width:90%; margin:0 auto;"    div style="width:200px; float:right;"这是右侧的内容/div    div style=" margin-right:210px;"这是左侧的内容，自适应宽度/div /divCSS两列布局，左侧固定，右侧自适应宽度div style="width:90%; margin:0 auto;"    div style="width:150...[ 查看全文 ]

  盼望444

  571
• 
  jQuery选择器选择dom元素

  标签：Web开发

  jQuery选择器其实是一个有些地方比较费解的，如果没有经过多次实验的话，很难得出它的每个操作符到底是干什么的，很容易出错，经过我的多次测试，终于对一些比较难理解或容易出错的选择操作进行总结，既方便自己将来查询又方便初学者学习。如果哪里有不对的还望大家帮我指出来，这里是一个相互学习的地方。 1. 先说说通过位置选择的几个操作： :first：默认情况下是相对整个页面来说的第一个...[ 查看全文 ]

  鲁鹏_1369

  91
• 
  ajax实例入门代码

  标签：Web开发

  静态页面 代码如下： !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 title无标题页/title script type="text/javascript" src="jquery/jquery.js" //这里不可以用script type="" src="" / /script script type="text/javascript" /* encodeURI 方法 对URL传递的...[ 查看全文 ]

  cityofareams

  131
• 
  jquery 选择器部分整理

  标签：Web开发

  这个是网页版，直接用ctrl+F搜索，如果大家不是经常上网，可以用chm版的更方便些。 jQuery 1.3 API 参考手册 CHM 锋利的jquery 电子书 近期将会将一些jquery学习教程逐步发一些。参考了锋利的jquery一书。 $的选择器部分: 凡是运用$,其返回值是一个object $选择器主要用于选择标签.基本用法是同css的选择器.但是,很让人兴奋的是,他支持常见的浏览器,而css中很多选择器是IE6所不支持的. 1.基本选择器(3...[ 查看全文 ]

  eggocc

  21
• 
  Jquery选择器 $实现原理

  标签：Web开发

  但由于工作的原因，很久不曾做过网站项目了，也没有时间去好好研究Jquery的源码，这个疑问也一直没有得到解决了， 今天，空闲之余，打开Jquery的源码看看，才明天它实现的原理，原来在加入jquery的js这个文件时，实际上是执行了一个函数，在这个函数里己经初始化了$和JQuery变量, 实现这个功能源码如下(代码已删减和更改，并不影响说明实现原理): 代码如下: (function() { var // Will speed up referen...[ 查看全文 ]

  塔拉之心

  11
• 
  Javascript直接定义对象实例[

  标签：Web开发

  From: JavaEye.com JavaScript可以不必定义对象类别而直接定义对象实例: var person = {  name : "",  age : 0,  toString: function() {  document.writeln("[name]:"+this.name+"br"+"[age]:"+this.age);  } } 完整的HTML例子： JavaScript [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行...[ 查看全文 ]

  夏天的小蝇

  31
• 
  JavaScript实例教程（一）JavaScript简介

  标签：Web开发

  本JavaScript实例教程的推出希望对JavaScript的爱好者在学习JavaScript上能带来点帮助，也希望对初学者在学习JavaScript时，能找到一条入门捷径，本教程通过对JavaScript实例分析学习，能使学习者更容易的了解且掌握JavaScript语言。不多说了！我们的旅途就从这里开始吧！:) JavaScript简介 JavaScript是一种基于对象的脚本语言。使用它可以开发Internet客户端的应用程序。JavaScript在HTML页面中以语句形...[ 查看全文 ]

  辣条哥go

  101
• 
  jQuery入门[2]－选择器

  标签：Web开发

  jQuery之所以令人爱不释手，在于其强大的选择器表达式令DOM操作优雅而艺术。 jQuery的选择符支持id,tagName,css1-3 expressions,XPath，参见： http://docs.jquery.com/Selectors DEMO: Code highlighting produced by Actipro CodeHighlighter (freeware) http://www.CodeHighlighter.com/ -->!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"&nb...[ 查看全文 ]

  Hg无知少男

  21