当文本框获得焦点，如果文本框内容跟提示内容一样，提示内容会自然消失。 当文本框没有任何值并失去焦点，文本框内容会重新生成默认提示。 为了实现上面的需求，代码如下： 代码如下:<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Recipe1.aspx.cs" Inherits="Recipe1" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=...
先初始化两个变量, 请注意其细微差别: 代码如下:var a=$(<a class="link">); var b=$(<a class="link"/>); // 不能单单使用$(<a>), 因为jQuery对之进行了优化 代码如下:typeof a[0]; // object typeof b[0]; // object IE(6|7|8)下的表现: 代码如下:typeof a[0]; // undefined typeof b[0]; // object 需要注意的是, 在IE(6|7|8)下, a仅仅比b缺失了[0]这一个对象成员. 我已向官方提交了此Bug, 在未得到Fix之前, 还是老老实实...
如 new Object()、new Date()等等！（object有{}，数组有[]这样的快捷方式 ，我们主要探讨new这种方式。） 我们在使用jQuery时从来没有使用过new，他是不是用其他方法来生成实例呢？是不是没有使用prototype属性呢？事实上他都有使用，只是内部处理的非常巧妙，提高了使用的爽快度。我们来看看他的源码。 代码如下:funtion jQuery( selector, context){ return new jQuery.fn.init( selector, context ); } 这里可以看出jQue...
代码如下:<!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>createElement</title> <style type="text/css"> .warpper{ border:1px solid red; padding:8px;} </style> <script type="text/javascript" language=...
创建jQuery插件，基本的格式是上面这段代码： 代码如下:(function ($) { //add code here })(jQuery) 我们怎么理解？ 第一步：function ($){}定义了一个匿名的函数，有一个参数，$是参数名，和其他的参数名没什么区别。 第二步：(function ($){})(jQuery) 我们要执行一个匿名函数的时候，通常用var func = function ($) { },然后func(参数)这样的形式。这里func就是一个Function对象。但更简洁的(function ($) {})，这时用括号，...
废话少说直接进入主题， 表格功能: 1、添加 2、删除 3、获取值 4、动态填充数据 5、动态设置焦点 6、键盘左右上下键控制单元格焦点 7、单元格添加正则验证功能 WebForm4.aspx 代码如下:<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm4.aspx.cs" Inherits="table.WebForm4" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ...
动态创建div: 代码如下:$(function(){ $("<div>",{ id: test, text: this is a test, "class": "test", click: function(){ $(this).toggleClass(test); } }).appendTo("body"); }) 动态创建input: 代码如下:$(function(){ $("<input>", { type: text, val: test, focusin: function() { $(this).addClass(active); }, focusout: function() { $(this).removeClass(active); } }).appendTo("body"); })
代码如下:<script type="text/javascript"> document.getElementById("testDiv").innerHTML ="动态创建的div"; </script> 而且用的应该是还是乐此不疲，但是有多少人知道这是错误的做法!错误的原因: (1) 在页面加载时改变了页面的结构. 在IE6中如果网络变慢或者页面内容太大就会出现"终止操作"的错误. 也就是说"永远不要在页面加载时改变页面的Dom模型". (2) 使用修改HTML内容添加元素, 不符合Dom标准. 在实际工作中也碰到过使用这...
图示效果：演示地址：http://demo.jb51.net/js/menu_jquery/index.html下载地址：http://xiazai.jb51.net/201011/yuanma/menu_jquery.rarOutlookBar.js 代码如下:function OutlookBar(targetName)//targetName:右侧iframe的name { //创建标题 this.AddTitle=function(menuid,menutitle,openor){ $("body").append("<div id="+menuid+" class=menu_down ><span>"+menutitle+"</span></div><div id=child_"+menuid+" class=menuChil...
但必须知道，这些插件不是自己凭空产生的，它们是由开发人员编写、测试并完善的，这些人员为 jQuery 社区奉献了自己的业余时间。我们做这些都是免费的，是出于对自己代码的热爱。本文主要关注您如何回报这个伟大的社区，即如何编写自己的插件并上传到 jQuery 的插件页面。这可以让所有人使用您创建的插件，可以让整个 jQuery 开发社区变得更好。今年您也做出自己的贡献吧。 在编写本文中的插件时，我发现插件的创建过程以及用来创...
代码如下： 代码如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>无标题文档</title> <script src="jquery-1.4.2.min.js" type="text/javascript"></script> <script language="javascript" type="text/javascript"> $(function(){ var oNewp = $("<p>我测试成功了</...
那么我们应该如何实现流动导航菜单呢？一、效果图鼠标滑过Menu，即Show提示信息。 二、实现步骤 1、CSS代码 代码如下:menuBarHolder { width: 730px; height:45px; background-color:#000; color:#fff; font-family:Arial; font-size:14px; margin-top:20px;} #menuBarHolder ul{ list-style-type:none; display:block;} #container { margin-top:100px;} #menuBar li{ float:left; padding:15px; height:16px; width:50px; borde...
代码如下:var boardDiv = "<div style='background:white;width:100%;height:100%;z-index:999;position:absolute;top:0;margin-top:100px;'>加载中...<\/div>"; $(window).load(function(){ //window.alert("ok"); $(document.body).append(boardDiv); });
简介 用简单的jquery+CSS创建自定义的a标签title提示，用来代替浏览器默认行为。如图： Javascript代码 代码如下: </pre><pre name="code" class="javascript">$(function() { $("a[title]").each(function() { var a = $(this); var title = a.attr(title); if (title == undefined || title == "") return; a.data(title, title) .removeAttr(title) .hover( function () { var offset = a.offset(); $("<div id=\"anchortitlec...
在线演示 在线下载谷歌快速搜索自带大量自动完成插件——库中甚至还有一个附带的jQuery UI共享选项。然而今天我要寻找一个替代的解决方案。由DevBridge开发的jQuery Autocomplete插件有确切的功能，我觉得非常有吸引力。你在打字的时候，结果将出现在下拉菜单底部，自动突出显示的词语。本教程简单介绍了通过加载JavaScript数组的内容运行这个插件。从后端文件加载Ajax内容或者从数据库中加载文本内容都是可行的，在本教程中，更容...