
javaScript
吴泽雄
这个作者很懒,什么都没留下…
展开
-
获取和失去文本框焦点返回默认值
$(function(){//focus(获取焦点), blur(失去焦点)$(":text").focus(function(){var str = $(this).val();//defaultValue表示当前默认值if(str == this.defaultValue){$(this).val("");}}).blur(function(){va原创 2016-10-21 19:11:06 · 432 阅读 · 0 评论 -
fadeIn跟fadeOut实现动态
*{margin: 0px;padding: 0px;}#btn{width: 500px;height:500px;margin: 100px 0px 0px 100px;}.p{border: 5px greenyellow solid;margin: 0px 0px 0px 100px;width: 500px;disp原创 2016-10-30 21:00:11 · 626 阅读 · 0 评论 -
fadeTo使逐渐透明
*{margin: 0px;padding: 0px;}#btn{width: 500px;height:500px;margin: 100px 0px 0px 100px;}.p{border: 5px greenyellow solid;margin: 0px 0px 0px 100px;width: 500px;disp原创 2016-10-30 21:00:45 · 333 阅读 · 0 评论 -
slideup跟slideDown改变高度实现动态
*{margin: 0px;padding: 0px;}#btn{width: 500px;height:500px;margin: 100px 0px 0px 100px;}.p{border: 5px greenyellow solid;margin: 0px 0px 0px 100px;width: 500px;disp原创 2016-10-30 21:01:21 · 1401 阅读 · 0 评论 -
toggle实现动态
*{margin: 0px;padding: 0px;}#btn{width: 500px;height:500px;margin: 100px 0px 0px 100px;}.p{border: 5px greenyellow solid;margin: 0px 0px 0px 100px;width: 500px;disp原创 2016-10-30 21:02:31 · 368 阅读 · 0 评论 -
jquery的gt跟lt选择器用法
gt与lt用法li{list-style-type: none;}li a{text-decoration:none;}// gt(num):大于num的index值// lt(num):小于num的index值$(function(){$("a:gt(5):lt(8)").css("color","aqua");原创 2016-10-31 10:42:33 · 4730 阅读 · 0 评论 -
隐藏显示文本
更多收缩功能p{font-family: "楷体";font-size: 23px;}a{font-size: 23px;}span{padding-left:15px; background:url(img/down.gif) no-repeat 0 0;}$(function(){//将p2,p3隐藏原创 2016-10-31 11:38:00 · 309 阅读 · 0 评论 -
jquery选择器tr:even获取偶数行、tr:odd 获取奇数行
在jquery中:$('table tr:even') -> 表示获取一个table 所有的索引为偶数的行, 其中索引index 从0开始算起, 0算偶数!$('table tr:odd') -> 表示获取一个table 所有的索引为奇数的行, 其中索引index 从0开始算起, 0算奇数!Eg:创建一个有6行数据的表格, 让奇数行的背景色为green,原创 2017-06-19 13:17:01 · 17744 阅读 · 1 评论 -
javascript的setInterval()与setTimeout()的用法和区别以及如何改变元素坐标位置
setTimeout(code, millisec):在你指定的时间后调用你指定的计算表达式或者函数, 其中,参数 code:表示你想执行的js代码,函数。参数 millisec: 表示调用函数之前所需等待的时间。注意:改方法只会在你所指定的millisec 之后调用一次。setInterval(code, millisec):在你指定的时间后循原创 2017-06-19 14:28:18 · 479 阅读 · 0 评论 -
css 跟JavaScript 的标签跟属性书写格式区别
盒子标签和属性对照CSS语法(不区分大小写) JavaScript语法(区分大小写)border borderborder-bottom borderBottomborder-bottom-color borderBottomColorborder-bottom-style borderBottomStyleborder-bottom-width borderBottomW原创 2017-06-19 14:34:09 · 489 阅读 · 0 评论 -
关于EXT JS 的所有组件
EXTJS的组件体系中有进40种组件,而这些组件又可以大致分成三大类,即基本组件、工具栏组件、表单及元素组件。 基本组件是构成Web UI的主体组件,因为这些组件在其他开发体系中也都有部分存在。这些组件丰富了传统Web UI 的表现,是EXTJS改善Web UI 的重要体现。 EXIJS的基本组件:xtype Class转载 2017-06-19 14:37:19 · 2385 阅读 · 0 评论 -
wrap,wrapAll,wrapInner包裹节点区别
$(function(){//包裹指定li$("#city li").wrap("");//包裹所有li$("#game li").wrapAll("");//包裹li文字$("#language li").wrapInner("");})你喜欢哪个城市?北京上海东京首尔你喜欢哪款单机游戏?红警原创 2016-10-20 00:37:23 · 363 阅读 · 0 评论 -
jquery限制事件触发次数--(one(), unbind)
Untitled Document//测试移除事件: unbind("清除指定的事件"),unbind()清除所有事件 //one(): 只为某一个元素添加一次事件, 事件函数响应后, 将不再被触发响应. $(function(){//用one限制上海只能点击一次$("#sh").one("click",function(){alert(this.fir原创 2016-10-29 19:10:37 · 4379 阅读 · 0 评论 -
jquery获取坐标
坐标获取*{margin: 0px;padding: 0px;}.xy{border: 3px solid darkgray;color: darkgray;width: 420px;height: 200px;margin: auto;font-size: 80px;padding: 90px;}$(functi原创 2016-10-29 18:48:46 · 436 阅读 · 0 评论 -
val设置获取属性值+each数组遍历
$(function(){//focus(获取焦点), blur(失去焦点)$(":text").focus(function(){var str = $(this).val();//defaultValue表示当前默认值if(str == this.defaultValue){$(this).val("");}}).blur(function(){va原创 2016-10-21 20:30:47 · 718 阅读 · 0 评论 -
jquery判断单选是否为空
if($(":radio[name='r1']:checked").val()==null||$(":radio[name='r2']:checked").val()==null)原创 2016-10-26 13:23:27 · 3124 阅读 · 0 评论 -
jquery—class样式改变
*{ margin:0; padding:0;}body {font-size:12px;text-align:center;}a { color:#04D; text-decoration:none;}a:hover { color:#F50; text-decoration:underline;}.SubCategoryBox {border: 1px red solid; w原创 2016-10-26 15:38:27 · 2686 阅读 · 0 评论 -
隐藏显示控制(is/hide/show)
*{margin: 0px;padding: 0px;}#btn{width: 500px;height:500px;margin: 100px 0px 0px 100px;}.p{border: 5px greenyellow solid;margin: 0px 0px 0px 100px;width: 500px;disp原创 2016-10-27 17:57:47 · 4030 阅读 · 0 评论 -
jQuery实现复制节点
复制节点$(function(){$("li").click(function(){alert($(this).text());})//核心代码,true表示连带事件一起复制,attr改变新节点的id属性$("#bj").clone(true).attr("id","#bj2").insertAfter("#rl");})原创 2016-10-19 12:52:21 · 510 阅读 · 0 评论 -
jQuery的eq()方法
eq方法$(function(){//核心代码 eq() 方法返回带有被选元素的指定索引号的元素。索引号从 0 开头,所以第一个元素的索引号是 0(不是 1)$("#game li").eq(0).css("background-color","red");})你喜欢哪个城市?北京上海东京首尔你喜欢哪款单机游戏?红原创 2016-10-19 13:32:05 · 811 阅读 · 0 评论 -
jQuery节点替换与互换
替换节点$(function(){$("li").click(function(){alert($(this).text());})//核心代码 replaceWith , replaceAll 一对方法, 可以完成一件事. 就是主语宾语//把北京换成熊仔//$("#bj").replaceWith($("熊仔"));//把熊仔换成北京2原创 2016-10-19 13:58:12 · 1660 阅读 · 0 评论 -
bind方法绑定多个jquery事件
*{margin: 0px;padding: 0px;}#btn{width: 500px;height:500px;margin: 100px 0px 0px 100px;}.p{border: 5px greenyellow solid;margin: 0px 0px 0px 100px;width: 500px;disp原创 2016-10-29 16:52:42 · 1611 阅读 · 0 评论 -
jquery的toggle合成事件
*{margin: 0px;padding: 0px;}#btn{width: 500px;height:500px;margin: 100px 0px 0px 100px;}.p{border: 5px greenyellow solid;margin: 0px 0px 0px 100px;width: 500px;disp原创 2016-10-29 17:04:30 · 303 阅读 · 0 评论 -
jquery冒泡事件
事件冒泡body{font-size: 25px;}.div1{border: 3px greenyellow solid;width: 300px;}.div2{border: 3px indianred solid;width: 300px;}.span1{background-color: indianred;原创 2016-10-29 17:56:40 · 211 阅读 · 0 评论 -
XMLHttpRequest 的readyState 对象以及关于请求头status 的含义
属性readyState: 0: (未初始化)send方法还没有被调用 1: (加载中)已调用了send方法,请求还在处理 2: (已加载)send方法已完成,整个应答已接收 3: (交互中) 正在解析应答 4: (已完成) 应答已经解析,准备好进行下一步处理。 属性status的含义: 0**:未被始化 1**:请求收到,继续处理 2*转载 2017-06-19 14:39:39 · 477 阅读 · 0 评论