《锋利的jQuery》jQuery对表单、表格的操作

  1. 获取焦点和失去焦点改变样式
  2. 改变文本框高度/改变滚动条

tip:注意使用<label>的for标签,对应input的id。(for 属性规定 label 与哪个表单元素绑定。)

1、获取焦点和失去焦点改变样式

input:focus,textarea:focus{
            border: 1px solid #ff3300;
            background-color: #fcc;
        }
        /*IE6并不支持除超链接元素之外的:hover伪类选择符。*/

so,

$(":input").focus(function(){
            $(this).addClass("focus");
        }).blur(function(){
            $(this).removeClass("focus");
        });
//        :input表示选择表单中的input,select,textarea,button元素,input仅仅选择input元素。
时间: 2024-10-13 14:44:16

《锋利的jQuery》jQuery对表单、表格的操作的相关文章

JQuery 对表单进行初始化操作

提供一种如果前台页面标签比较多,如果挨个初始化的话可能会比较繁琐,这时候我们可以将后台传递的数据组装为json串,前台用jquery将代码初始化到表单中. function loadData(jsonStr) { // alert(jsonStr.toString()) var obj = eval("(" + jsonStr + ")"); var key, value, tagName, type, arr; for (x in obj) { key = x;

表单的常用操作

知识点: 表单是前后端数据交互的一种重要方式,使用js操作表单也是十分常见的.不过好像每次到表单操作我都要去查API,所以本次想对表单的常用操作做个小结,以备后面随时查看. 首先,我们要知道如下的一些知识: 1. 表单字段在向后台提交数据时,使用的是表单控件的name属性的value,与id无关.(大家可以在百度搜细说表单找到Fish Li大神的这篇文章看看) 2. 表单向服务端传数据时会经过编码.目前基本上只会只使用二种编码规则:application/x-www-form-urlencode

锋利的jQuery第5章 jQuery对表单、表格的操作及更过应用

1,button和checkbox的例子: form表单 <form action=""> 你爱的远动有?<br /> <input type="checkbox" name="items" value="足球" />足球 <input type="checkbox" name="items" value="蓝球" />

jquery对表单元素的取值和赋值

/*获得text的值*/ var textval =$("#text_id").attr("value"); //或者 var textval =$("#text_id").val(); /*获取单选按钮的值*/ var valraio =$("input[type=raio]:checked").val(); /*获取一组名为items的radio被选中项的值*/ var item =$('input[name=items]

【锋利的jQuery】表单验证插件踩坑

和前几篇博文提到的一样,由于版本原因,[锋利的jQuery]表单验证插件部分又出现照着敲不出效果的情况. 书中的使用方法: 1. 引入jquery源文件, 2. 引入表单验证插件js文件, 3. 在form中class类名中添加"required","email"等去作为验证时读取的参数. 4. 调用代码: $("#commentform").validate(); 很不幸,报错了.前端有个说法是学新不学旧,这里就不去深究原因,直接提供最新的写法

第一百六十八节,jQuery,表单选择器

jQuery,表单选择器 学习要点: 1.常规选择器 2.表单选择器 3.表单过滤器 表单作为 HTML 中一种特殊的元素,操作方法较为多样性和特殊性,开发者不但可以 使用之前的常规选择器或过滤器,也可以使用 jQuery 为表单专门提供的选择器和过滤器来 准确的定位表单元素. 一.常规选择器 我们可以使用 id.类(class)和元素名来获取表单字段,如果是表单元素,都必须含有 name 属性,还可以结合属性选择器来精确定位. $('input').val(); //元素名定位,默认获取第一个

jQuery Form 表单提交插件----Form 简介,官方文档,官方下载地址

 一.jQuery Form简介 jQuery Form插件是一个优秀的Ajax表单插件,可以非常容易地.无侵入地升级HTML表单以支持Ajax.jQuery Form有两个核心方法 -- ajaxForm() 和 ajaxSubmit(), 它们集合了从控制表单元素到决定如何管理提交进程的功能.另外,插件还包括其他的一些方法: formToArray().formSerialize().fieldSerialize().fieldValue().clearForm().clearFields(

jQuery获取表单各元素的值

radio值获取 $("input[type='radio']:checked").val(); 2,设置指定的项为当前选中项 $("input[type='radio']").eq(1).attr("checked",true);//设置第二项为选中项 <input type="text" name="textname" id="text_id" value="&quo

玩转Web值jquery(一)---对表单中的某一标签批量处理(以input为例)

jquery可以对form进行操作,以批量操作某一标签,这里以input标签为例总结. 示例一:对删除infoForm表单的input的所有readonly属性 $("#infoForm input").removeAttr("readonly"); 示例二:修改infoForm表单所有input的readOnly属性 $("#infoForm input").attr("readOnly",true); 示例三:将input

jquery validate表单验证插件-推荐

1 表单验证的准备工作 在开启长篇大论之前,首先将表单验证的效果展示给大家.     1.点击表单项,显示帮助提示 2.鼠标离开表单项时,开始校验元素  3.鼠标离开后的正确.错误提示及鼠标移入时的帮助提醒 对于初学者而言,html表单验证是一项极其琐碎的事情.要做好表单验证,需要准备以下基本要素: 1.html表单结构:包含需要校验的表单元素: 2.js逻辑控制:在需要校验的表单元素上绑定事件,如点击.获取焦点.失去焦点等事件,并设置这些事件对应的执行函数: 3.css样式设置:针对需要校验的