diao21的博客

(function($) { $.extend({ progressBar: new function() { /* public methods */ this.construct = function(arg1, arg2) { alert('test'); }; } }); $.fn.extend({ ...

[code="java"]表格//等待dom元素加载完毕.$(document).ready(function(){ /* 添加注释： 在一个id为table的表格的tbody中，如果每行最后一列中的checkbox没有被禁用， 则把这行的背景设为红色 */ $("#table>tbody>tr:has(td:has(:checkbo...

[list][*]jQuery对象转成DOM对象： jQuery对象不能使用DOM中的方法,但如果对jquery对象所提供的方法不熟悉,或者jQuery没有封装想要的方法，不得不使用DOM对象的时候,有以下两种处理方法。jQuery提供了两种方法将一个jQuery对象转换成DOM对象，即[index]和get(index)。[/list][b]DOM方式[/b][cod...

[code="java"]/* reset */body{margin:0;padding:0 0 12px 0;font-size:12px;line-height:22px;font-family:"\5b8b\4f53","Arial Narrow";background:#fff;}form,ul,li,p,h1,h2,h3,h4,h5,h6{margin:0;padding:...

[code="java"] $(function(){ var page = 1; var i = 4; //每版放4个图片 //向后 按钮 $("span.next").click(function(){ //绑定click事件 var $parent = $(this).parents("div.v...

[code="java"]Panel*{margin:0;padding:0;} body { padding: 60px }#panel {position: relative; width: 100px; height:100px;border: 1px solid #0050D0;background: #96E555; cursor: pointer}...

[code="java"]Panel*{margin:0;padding:0;} body { padding: 60px }#panel {position: relative; width: 100px; height:100px;border: 1px solid #0050D0;background: #96E555; cursor: pointer}...

[code="java"]Panel*{margin:0;padding:0;} body { padding: 60px }#panel {position: relative; width: 100px; height:100px;border: 1px solid #0050D0;background: #96E555; cursor: pointer}...

[code="java"]Panel*{margin:0;padding:0;} body { padding: 60px }#panel {position: relative; width: 100px; height:100px;border: 1px solid #0050D0;background: #96E555; cursor: pointer}...

[code="java"]Panel*{margin:0;padding:0;} body { padding: 60px }#panel {position: relative; width: 100px; height:100px;border: 1px solid #0050D0;background: #96E555; cursor: pointer}...

[code="java"] div{width:100px;height:50px;background:#888;color:white;} $(function(){ $("div").bind("click",function(event, info){ if(info==="btnclick") { $("bo...

[code="java"]例如可以把为元素绑定的多个事件类型用命名空间规范起来,jQuery代码如下： div{width:100px;height:50px;background:#888;color:white;} $(function(){ $("div").bind("click.plugin",function(){...

[code="java"]4-6-4*{margin:0;padding:0;} body { font-size: 13px; line-height: 130%; padding: 60px; }p {width:200px;background:#888;color:white;height:16px;} $(function(){ ...

[code="java"]4-3-3$(function(){ $("#panel h5.head").toggle(function(){ //模拟鼠标连续单击事件 $(this).next().toggle(); //切换元素的可见状态 },function(){ $(this).next().toggle(); //切...

[code="java"]4-2-5$(function(){ $("#panel h5.head").mouseover(function(){ $(this).next().show(); }).mouseout(function(){ $(this).next().hide(); })}) ...

[code="java"]图片提示 body{ margin:0; padding:40px; background:#fff; font:80% Arial, Helvetica, sans-serif; color:#555; line-height:180%;}img{border:none;}ul,li{ mar...

[code="java"] TestJavaScript window.onload = function(){ //页面所有元素加载完毕 var item = document.getElementById("tb"); //获取id为tb的元素(table) var tbody = item.getElementsByTagName(...