JQuery
yecats
姓名:黄闯 联系电话:13520472742
展开
-
jquery的链式写法
jquery的链式写法 .divFrame{ width:260px; border:solid 1px #f00; font-size;10pt; } .divTitle{ background-color:#eee; padding:5px; } .divContent{ padding:5px;原创 2016-05-27 21:58:32 · 3455 阅读 · 0 评论 -
DOM树状文档
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原创 2016-05-27 22:24:16 · 378 阅读 · 0 评论 -
获取元素的属性
获取元素的属性 body{ font-size:12px; } div{ float:left; padding-left:10px; } img{ border:solid 1px red; padding:3px; float:left; } $(function(){ var strAlt = $("img").attr(原创 2016-05-27 22:25:02 · 326 阅读 · 0 评论 -
设置元素的属性
设置元素的属性 body{ font-size:12px; } .clsSpn{ float:left; padding-top:10px; padding-left:10px; } .clsImg{ border:solid 1px #eee; padding:3px; float:left; } $(function(){原创 2016-05-27 22:26:08 · 549 阅读 · 0 评论 -
获取或设置元素的内容
获取或设置元素的内容 body{ font-size:15px; text-align:center; } div{ border:solid 1px #666; padding:5px; width:220px; margin:5px; } $(function(){ var strHTML = $("#divShow").html原创 2016-06-08 09:28:37 · 450 阅读 · 0 评论 -
设置元素的属性(二)
设置元素的属性(二) body{ font-size:12px; } .clsSpn{ float:left; padding-top:10px; padding-left:10px; } .clasImg{ border:solid 1px #ccc; padding:3px; float:left; } $(function原创 2016-06-08 09:29:03 · 365 阅读 · 0 评论 -
设置或获取元素的内容
获取或设置元素的内容 body{ font-size:15px; text-align:center; } div{ border:solid 1px #666; padding:5px; width:220px; margin:5px; } $(function(){ var strHTML = $("#divShow").html原创 2016-06-08 09:41:01 · 354 阅读 · 0 评论 -
获取或设置元素的值
获取或设置元素的值 body{ font-size:12px; text-align:center; } div{ padding:3px; margin:3px; width:120px; float:left; } .txt{ border:#666 1px solid; padding:3px; } $(functi原创 2016-06-08 09:43:12 · 382 阅读 · 0 评论 -
创建节点元素
动态创建节点元素 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 #原创 2016-06-08 09:44:19 · 265 阅读 · 0 评论 -
动态插入节点方法(一)
动态插入节点方法 body{ font-size:13px; } $(function(){ $("div").append(ll); function ll(){ return "dddddddddddddd"; } }); jQuery原创 2016-06-08 09:45:27 · 5313 阅读 · 0 评论 -
动态插入节点方法(二)
dong态插入节点方法 img{ border:solid 1px #ccc; padding:3px; margin:5px; } $(function(){ $("img").appendTo($("span")); });原创 2016-06-08 09:48:17 · 747 阅读 · 0 评论 -
复制元素节点
复制元素节点 $(function(){ $("img").click(function(){//有true可以把事件带过去 $(this).clone(true).appendTo("span"); }); });原创 2016-06-08 09:53:08 · 407 阅读 · 0 评论 -
替换元素节点
替换元素节点 $(function(){ $("#Span1").repla ceWith("黄闯"); $("@@@@@@@@@@").replaceAll("#Span2"); }); 姓名: 邮箱:原创 2016-06-08 09:56:28 · 376 阅读 · 0 评论 -
删除元素
删除元素 $(function(){ $("ul li:first").css("font-weight","bold"); $("#Button1").click(function(){ //$("ul li").remove("li[title=t]"); $("ul li:eq(1)").remove(); }); });原创 2016-06-08 09:57:42 · 312 阅读 · 0 评论 -
数据管理(案例)
数据管理 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原创 2016-06-08 09:59:13 · 1169 阅读 · 0 评论 -
JQuery常用方法总结
Jquery 选择器基本选择器(#id/element/.class/*/selector1,selectorN)层次选择器(ancestor descendant/parent>child/prev+next/prev~siblings)过滤选择器 简单过滤选择器(first()或:first/last()或:last/:not(selector/:even/:odd/:eq(inde原创 2016-05-27 22:23:04 · 281 阅读 · 0 评论 -
导航条制作
导航条制作 body{ font-size:13px; } #divFrame{ border:solid 1px #666; width:301px; overflow:hidden; } #divFrame .clsHead{ background-color:#eee; padding:8px; height:32px; cursor:原创 2016-05-27 22:21:09 · 371 阅读 · 0 评论 -
Jquery控制DOM对象
Jquery控制DOM对象 .divFrame{ width:260px; border:solid 1px #f00; font-size;10pt; } .divTitle{ background-color:#eee; padding:5px; } .divContent{ padding:8px;原创 2016-05-27 22:02:07 · 230 阅读 · 0 评论 -
控制CSS样式
控制CSS样式 .divDefalut{ width:260px; font-size:10pt; padding:5px; } .divClick{ width:260px; border:solid 1px #666; font-size:10pt; background-color:#eee; padding:5px;原创 2016-05-27 22:04:37 · 206 阅读 · 0 评论 -
使用JQuery实现隔行变色
使用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原创 2016-05-27 22:06:35 · 477 阅读 · 0 评论 -
js、Jquery代码检测页面
js、Jquery代码检测页面 body{ font-size:12px; text-align:center; } /* window.onload=function(){ if(document.getElementById("dd")){ var od = document.getElementById("dd"); od.innerH原创 2016-05-27 22:08:56 · 502 阅读 · 0 评论 -
使用Jquery基本选择器
使用Jquery基本选择器 body{ font-size:12px; text-align:center; } .clsFrame{ width:300px; height:100px; background-color:#0f0; } .clsFrame div,span{ display:none; float:left; widt原创 2016-05-27 22:09:56 · 245 阅读 · 0 评论 -
使用Jquery层次选择器
使用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原创 2016-05-27 22:10:56 · 240 阅读 · 0 评论 -
使用Jquery基本过滤选择器
使用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原创 2016-05-27 22:12:54 · 450 阅读 · 1 评论 -
使用jquery内容过滤选择器
使用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;原创 2016-05-27 22:13:43 · 312 阅读 · 0 评论 -
使用jquery可见性过滤选择器
使用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 #原创 2016-05-27 22:14:33 · 419 阅读 · 0 评论 -
jquery属性过滤选择器
jquery属性过滤选择器 body{ font-size:12px; text-align;center; } div{ float:left; border:solid 1px #ccc; margin:8px; width:65px; height:65px; display:none; } /* $(function(原创 2016-05-27 22:15:30 · 296 阅读 · 0 评论 -
子元素过滤选择器
子元素过滤选择器 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;原创 2016-05-27 22:16:35 · 316 阅读 · 0 评论 -
表单对象属性过滤选择器
表单对象属性过滤选择器 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:#原创 2016-05-27 22:17:51 · 503 阅读 · 0 评论 -
表单选择器
表单选择器 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原创 2016-05-27 22:19:09 · 343 阅读 · 0 评论 -
第一个简单的jquery程序
第一个简单的jquery程序 <!-- --> $(document).ready(function(){ alert("你好,欢迎来到Jquery世界!"); })原创 2016-05-27 22:20:09 · 2363 阅读 · 0 评论 -
使用window.MutationObserver技术和jquery.nicescroll.js组件l封装通用滚动条插件
(function ($) { //=====启动轮子 var openMutationObserver = function (controlID, options) { var ID = controlID; //MutationObserver监听 var MutationObserver = window.Mutati...原创 2019-08-08 18:07:13 · 686 阅读 · 0 评论