摘要: 很想学习jQuery,希望自己每天学习一点点,慢慢积累,能提高自己。 今天看了三个方法,即:slice();wrapInner();map();都特别容易记,主要是会用。 1.首先来说一下slice()方法,选中所有匹配的元素,并对指定的参数进行设置。下面可以看一下实例: <script type="text/javascript" src="jquery-1.7.2.min.js"></script> <script type="text/javascript" >$(document).read 阅读全文
posted @ 2012-09-29 10:33 奇闻天下 阅读(253) 评论(0) 推荐(0) 编辑
摘要: <script type="text/javascript" src="jquery-1.7.2.min.js"></script>HTML结构:<div id="wrap"> <ul class="img"> <li class="cur">a</li> <li>b</li> <li>c</li> <li>d</li> <li>e</ 阅读全文
posted @ 2012-09-05 11:26 奇闻天下 阅读(154) 评论(0) 推荐(0) 编辑
摘要: <script type="text/javascript" src="jquery-1.7.2.js"></script>HTML代码:<div class="picBox" id="pic"> <ul> <li> <div><span>标题一</span><img src="01.jpg" width="282" height="157" /> 阅读全文
posted @ 2012-08-30 11:51 奇闻天下 阅读(471) 评论(0) 推荐(0) 编辑
摘要: <script type="text/javascript" src="jquery-1.7.2.min.js"></script>HTML代码:<dl> <dt>标题</dt> <dd>内容</dd> <dt>标题</dt> <dd>内容</dd> <dt>标题</dt> <dd>内容</dd> <dt>标题</dt> <dd>内容< 阅读全文
posted @ 2012-08-30 11:46 奇闻天下 阅读(586) 评论(0) 推荐(0) 编辑
摘要: hasClass:检查当前元素是否含有某个特定的类,如果有,就返回true。下载本地,做外部链接:<script type="text/javascript" src="jquery-1.7.2.min.js"></script>HTML结构: <div class="protected"></div><div class="er"></div>CSS代码://这里注意div容器要设置绝对定位!.protected { width:100px; 阅读全文
posted @ 2012-08-30 11:31 奇闻天下 阅读(436) 评论(0) 推荐(0) 编辑
摘要: 前提链接:<script type="text/javascript" src="jquery-1.7.2.min.js"></script>HTML结构:<div class="wrap"> <div class="lefttop f">A</div> <div class="leftbot f">B</div> <div class="right f">C</div> 阅读全文
posted @ 2012-08-30 11:17 奇闻天下 阅读(353) 评论(0) 推荐(0) 编辑
摘要: HTML结构:<div id="colorDiv" style="border:1px solid #f00;width:250px;height:250px;clear:both;"></div> <ul> <li class="blue" onclick="changeColor('blue')"></li> <li class="yellow" onclick="changeColor('y 阅读全文
posted @ 2012-02-29 19:21 奇闻天下 阅读(218) 评论(1) 推荐(0) 编辑
摘要: 声明字符串"javascript学习笔记,String字符串相关!"取得字符串长度?并查找"记"字所在位置?第12个字符是什么?截取字符串"学习笔记",并追加到"我的"后面?替换掉原字符串中的"字"为"学"?<script type="text/javascript"><!--var str = "javascript学习笔记,String字符串相关!" document.write(str.length + &quo 阅读全文
posted @ 2012-02-29 09:04 奇闻天下 阅读(202) 评论(0) 推荐(0) 编辑
摘要: <script type="text/javascript"> //显示当前年月日时分秒 var myDate=new Date() document.write( myDate );</script> 阅读全文
posted @ 2012-02-23 21:47 奇闻天下 阅读(142) 评论(1) 推荐(0) 编辑
摘要: <script language="javascript"><!-- /* 下面是判断一次考试的得分情况, 输入0-100分数将会得到不同评语, 否则将显示输入错误。 */ var score = prompt("请输入您的分数:", "0"); if (score>=60 && score<80) { alert("成绩及格,再接再励!"); } else if(score>=80 && score<95) { ... 阅读全文
posted @ 2012-02-23 21:20 奇闻天下 阅读(181) 评论(1) 推荐(0) 编辑