《锋利的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元素。

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。