点滴jQuery
ruxingli
程序猿~
展开
-
jQuery 验证被选中的复选框个数
jQuery 验证被选中的复选框个数 $("#btn").click(function(){ alert($("input[name='id']:checked").length); })原创 2012-05-02 10:32:09 · 2357 阅读 · 0 评论 -
jQuery 网页选项卡
jQuery 选项卡 *{ margin:0; padding:0;} body { font:12px/19px Arial, Helvetica, sans-serif; color:#666;} .tab { width:240px;margin:50px;} .tab_menu { clear:both;} .tab_menu li { float:left; text-ali原创 2012-07-02 09:41:51 · 1395 阅读 · 0 评论 -
jQuery 表格展开伸缩
table { border:0;border-collapse:collapse;} td { font:normal 12px/17px Arial;padding:2px;width:100px;} th { font:bold 12px/17px Arial;text-align:left;padding:4px;border-bottom:1px solid #333;width:1原创 2012-06-29 16:48:16 · 7263 阅读 · 1 评论 -
jQuery 验证表单
jQuery 验证表单body { font:12px/19px Arial, Helvetica, sans-serif; color:#666;}form div { margin:5px 0;}.int label { float:left; width:100px; text-align:right;}.int input { padding:1px 1px; border:1p原创 2012-06-29 16:15:04 · 925 阅读 · 0 评论 -
jQuery表单之 Select
选项1 选项2 选项3 选项4 选项5 选项6 选项7 选项8 $(document).ready(function(){ $("#add_selected").bind('click', function(){ $options = $("#select1 option:selected"); //获取选中的选项 $options.appendT原创 2012-06-29 15:40:46 · 2596 阅读 · 0 评论 -
jQuery unbind() 方法
jQuery 中的 unbind() 方法是 bind() 方法的反向操作,从每一个匹配的元素中删除绑定的事件。语法结构:unbind([type][, data]);type是事件类型,data为将要移除的事件。具体说明如下:1、如果没有参数,则删除所有的绑定事件;2、如果提供了事件类型(type)作为参数,则只删除该类型的绑定事件;3、如果把在绑定时传递的处理函数作为第原创 2012-06-29 14:25:05 · 13345 阅读 · 0 评论 -
jQuery 中的 event.preventDefault
jQuery 中 prenentDefault() 方法表示阻止元素的默认行为。比如在验证表单的时候,当表单不符合提交条件时,要阻止表单的提交。下面举例说明,以下代码可以复制后直接运行。 用户名: $(document).ready(function(){ var $user = $('#user'); $user.focus(function(){ $user.ne原创 2012-06-29 13:55:22 · 2456 阅读 · 0 评论 -
jQuery 属性操作
HTML 标签设置单个属性$txt = $("#txt");$txt.attr('name', 'user');设置多个属性$txt.attr({"value":"Lee", "readonly":"readonly"}); //设置多个属性 json,变成 获取属性alert($txt.attr("name")); //获取name属原创 2012-05-02 11:53:37 · 722 阅读 · 0 评论 -
给 DW cs4 安装插件 jQuery_API.mxp
要让Dreamweaver支持jQuery自动提示代码功能,方法很简单,下载一个插件—jQuery_API.mxp[点击下载]。在Dreamweaver里依次选择“命令” -> “扩展管理” -> “安装扩展” -> …,就会自动安装了。成功后重启Dreamweaver,就大功告成了。点击下载DW cs4的jQuery语法提示插件:jquery_api_for_dw4原创 2012-05-02 10:11:15 · 5003 阅读 · 0 评论 -
简单的 jQuery 代码
$(document).ready(function(){ //等待dom元素加在完毕 alert('Hello World!!!'); //弹出一个框 })可以简写成: $(function(){ alert('Hello World!!!'); })显示效果:原创 2012-05-02 09:29:34 · 1025 阅读 · 0 评论 -
jQuery设置 select、radio、checkbox 默认选中的值
jQuery设置 select、radio、checkbox 默认选中的值 选择 1 号 选择 2 号 选择 3 号 选择 4 号 选择 5 号 $("#sel").val(5); //设置单个选中的值 $("#sel").val([2,3]); //设置默认选中的值(多个) radio、checkbox使用方法一样效果展示:原创 2012-05-02 13:44:10 · 14477 阅读 · 2 评论 -
jQuery 隐藏和显示 input 默认值
jQuery+JavaScript 实现 table 的增加和减少 $("#email").focus(function(){ var email_txt = $(this).val(); if (email_txt == this.defaultValue) { $(this).val(""); } }) $("#email").blur(function()原创 2012-05-02 13:25:33 · 6493 阅读 · 0 评论 -
jQuery+JavaScript 实现 table 的增加和减少
jQuery+JavaScript 实现 table 的增加和减少 $("#add").click(function(){ $("#tb1").append(''); }) $("#minus").click(function(){ var tbl_rows = Math.roun原创 2012-05-02 11:27:39 · 1154 阅读 · 0 评论 -
jQuery 操作 input 之 checkbox
jQuery 操作 input 之 checkbox 篇HTML 代码清单: 棒球 乒乓球 羽毛球 篮球 足球 全选1、给每一个 item 绑定事件:$("[name='hobby']:checkbox").on('click', function(){ alert($(this).val());});2、获取选中的 item:$("[name='c原创 2014-07-07 15:04:41 · 14739 阅读 · 0 评论