yecats的博客

jquery的链式写法 .divFrame{ width:260px; border:solid 1px #f00; font-size;10pt; } .divTitle{ background-color:#eee; padding:5px; } .divContent{ padding:5px;

DOM树状文档 body{ font-size:13px; } table,div,p,ul{ width:280px; border:solid 1px #666; margin:10px 0px 10px 0px; padding:0px; background-color:#eee; } Td1 Td2

获取元素的属性 body{ font-size:12px; } div{ float:left; padding-left:10px; } img{ border:solid 1px red; padding:3px; float:left; } $(function(){ var strAlt = $("img").attr(

设置元素的属性 body{ font-size:12px; } .clsSpn{ float:left; padding-top:10px; padding-left:10px; } .clsImg{ border:solid 1px #eee; padding:3px; float:left; } $(function(){

获取或设置元素的内容 body{ font-size:15px; text-align:center; } div{ border:solid 1px #666; padding:5px; width:220px; margin:5px; } $(function(){ var strHTML = $("#divShow").html

设置元素的属性（二） body{ font-size:12px; } .clsSpn{ float:left; padding-top:10px; padding-left:10px; } .clasImg{ border:solid 1px #ccc; padding:3px; float:left; } $(function

获取或设置元素的内容 body{ font-size:15px; text-align:center; } div{ border:solid 1px #666; padding:5px; width:220px; margin:5px; } $(function(){ var strHTML = $("#divShow").html

获取或设置元素的值 body{ font-size:12px; text-align:center; } div{ padding:3px; margin:3px; width:120px; float:left; } .txt{ border:#666 1px solid; padding:3px; } $(functi

动态创建节点元素 body{ font-size:13px; } ul{ padding:0px; list-style:none; } ul li{ line-height:2.0em; } .divL{ float:left; width:200px; background-color:#eee; border:solid 1px #

动态插入节点方法 body{ font-size:13px; } $(function(){ $("div").append(ll); function ll(){ return "dddddddddddddd"; } }); jQuery

dong态插入节点方法 img{ border:solid 1px #ccc; padding:3px; margin:5px; } $(function(){ $("img").appendTo($("span")); });

复制元素节点 $(function(){ $("img").click(function(){//有true可以把事件带过去 $(this).clone(true).appendTo("span"); }); });

替换元素节点 $(function(){ $("#Span1").repla ceWith("黄闯"); $("@@@@@@@@@@").replaceAll("#Span2"); }); 姓名： 邮箱：

删除元素 $(function(){ $("ul li:first").css("font-weight","bold"); $("#Button1").click(function(){ //$("ul li").remove("li[title=t]"); $("ul li:eq(1)").remove(); }); });

数据管理 body{ font-size:12px; } table{ width:400px; border-collapse:collapse; } table tr th,td{ border:solid 1px #666; text-align:center; } table tr td img{ border:3px; wi

Jquery 选择器基本选择器（#id/element/.class/*/selector1,selectorN）层次选择器（ancestor descendant/parent>child/prev+next/prev~siblings）过滤选择器 简单过滤选择器（first()或:first/last()或:last/:not(selector/:even/:odd/:eq(inde

导航条制作 body{ font-size:13px; } #divFrame{ border:solid 1px #666; width:301px; overflow:hidden; } #divFrame .clsHead{ background-color:#eee; padding:8px; height:32px; cursor:

Jquery控制DOM对象 .divFrame{ width:260px; border:solid 1px #f00; font-size;10pt; } .divTitle{ background-color:#eee; padding:5px; } .divContent{ padding:8px;

控制CSS样式 .divDefalut{ width:260px; font-size:10pt; padding:5px; } .divClick{ width:260px; border:solid 1px #666; font-size:10pt; background-color:#eee; padding:5px;

使用JQuery实现隔行变色 body{ font-size:12px; text-align:center; } #tbStu{ width:260px; border:solid 1px #666; background-color:#eee; } #tbStu tr{ line-height:23px; } #tbStu th{ bac

js、Jquery代码检测页面 body{ font-size:12px; text-align:center; } /* window.onload=function(){ if(document.getElementById("dd")){ var od = document.getElementById("dd"); od.innerH

使用Jquery基本选择器 body{ font-size:12px; text-align:center; } .clsFrame{ width:300px; height:100px; background-color:#0f0; } .clsFrame div,span{ display:none; float:left; widt

使用Jquery层次选择器 body{ font-size:12px; text-align:center; } div,span{ float:left; border:solid 1px #ccc; margin:8px; display:none; } .clsFra{ width:65px; height:65px; } .cl

使用Jquery基本过滤选择器 body{ font-size:12px; text-align:center; } div{ width:241px; height:83px; border:solid 1px #f00; } h1{ font-size:13px; } ul{ list-style-type:none; padding

使用jquery内容过滤选择器 body{ font-size:12px; text-align;center; } div{ float:left; border:solid 1px #ccc; margin:8px; width:65px; height:65px; display:none; } span{ float:left;

使用jquery可见性过滤选择器 body{ font-size:12px; text-align;center; } div,span{ float:left; border:solid 1px red; margin:8px; width:65px; height:65px; } .GetFous{ border:solid 1px #

jquery属性过滤选择器 body{ font-size:12px; text-align;center; } div{ float:left; border:solid 1px #ccc; margin:8px; width:65px; height:65px; display:none; } /* $(function(

子元素过滤选择器 body{ font-size:12px; text-align:center; } ul{ width:241px; list-style-type:none; padding:0px; } ul li{ height:23px; width:60px; line-height:23px; float:left;

表单对象属性过滤选择器 body{ font-size:12px; text-align:center; } div{ display:none; } select{height:65px} .clsIpt{width:100px;padding:3px} .GetFocus{border:solid 1px #666;background-color:#

表单选择器 body{ font-size:12px; text-align:center; } form{ width:241px; } textarea,select,button,input,span{ display:none; } .btn{ border:solid 1px #666; padding:2px; width:60p

第一个简单的jquery程序 <!-- --> $(document).ready(function(){ alert("你好，欢迎来到Jquery世界！"); })

(function ($) { //=====启动轮子 var openMutationObserver = function (controlID, options) { var ID = controlID; //MutationObserver监听 var MutationObserver = window.Mutati...