随笔分类 -  jQuery

摘要:(每一段jQuery对应一段html代码,以标记为准则,css为共用代码,每段代码需独立运行。html和css代码在文章尾部,如下例) 确认必须字段不能为空(d1)val()取得选择器的值(以字符串的形式) 元素属性length event.preventDefault()防止提交表单到服务器$(document).ready(function () { $('.lable').text("用户名 *"); $('.error').hide(); $('.submit-d1').click(function (event) { 阅读全文
posted @ 2012-02-26 22:25 Ghost Soar 阅读(1274) 评论(0) 推荐(0)
摘要:(每一段jQuery对应一段html代码,以标记为准则,css为共用代码,每段代码需独立运行。html和css代码在文章尾部,如下例) 、分别为按钮添加事件(c1)$(document).ready(function () { $('.bold').bind('click', function () { alert("你点击了Bold按钮"); }); $('.italic').bind('click', function () { alert("你点击了Italic按钮"); })});事 阅读全文
posted @ 2012-02-26 22:05 Ghost Soar 阅读(413) 评论(0) 推荐(0)
摘要:(每一段jQuery对应一段html代码,以标记为准则,css为共用代码,每段代码需独立运行。html和css代码在文章尾部,如下例) 数组的处理eg1$(document).ready(function () { var num = ["盖茨","乔布斯","马克","苏国强"]; $('p').text(num.join(","));});eg2$(document).ready(function () { var num = ["盖茨", "乔 阅读全文
posted @ 2012-02-26 21:44 Ghost Soar 阅读(3553) 评论(0) 推荐(1)
摘要:制作多级菜单(l1)show(),hide()js代码$(function () { $("li:has(ul)").click(function (e) { if (this == e.target) { if ($(this).children().is(":hidden")) { $(this).css("list-style-image", "url(Img/minus.gif)").children().show(); } else { $... 阅读全文
posted @ 2012-02-26 21:16 Ghost Soar 阅读(394) 评论(0) 推荐(0)
摘要:(每一段jQuery对应一段html代码,以标记为准则,css为共用代码,每段代码需独立运行。html和css代码在文章尾部,如下例) each()遍历元素(k1)$(document).ready(function () { $("#btn").html("each()遍历元素").click(function (event) { $("div").each(function (index) { $(this).html("这是第" + index + "个div"); }); event.p 阅读全文
posted @ 2012-02-26 21:02 Ghost Soar 阅读(573) 评论(0) 推荐(0)
摘要:(每一段jQuery对应一段html代码,以标记为准则,css为共用代码,每段代码需独立运行。html和css代码在文章尾部,如下例) /*jQuery支持的CSS3最基本的选择器*^EEFE>FE+FE~FE:has(F)E.CE#IE[A]E[A=V]E[A^=V]E[A$=V]E[A*=V]*/属性选择器(j1)“[]”例子1$(document).ready(function () { $("a[title]").addClass("myClass");})例子2 加属性值判断$(document).ready(function () { 阅读全文
posted @ 2012-02-26 17:37 Ghost Soar 阅读(390) 评论(0) 推荐(1)