海堂法律网

全部频道

您的当前位置：首页JQuery操作textarea,input,select,checkbox方法_jquery

JQuery操作textarea,input,select,checkbox方法_jquery

来源：海堂法律网
 今天学习怎样用JQuery编写一些小的代码,小小的试了一下编写一个textarea,代码如下:

效果图如下:

可以流畅的放大缩小,这就是JQuery特效的优点.

再来一个input标签,代码:

效果图如下:

添加一个焦点和失去焦点,默认值,再设置一个得到焦点时的背景颜色

第三个呢,写了一个select,这个东西一般在QQ空间和淘宝中使用比较广泛,所以也比较有兴趣,代码如下:

效果图如下:

将左边的选项移到右边,且可双击,可多选添加,哈哈,写代码的时候很有意思,

操作checkbox

html

全部选择

 取消选择

 反向选择 
 
A
  B
 C

 
D
 E
 F

Jquery部分 




普通javascirpt部分：








取消选择代码:




Jquery部分：








普通javascript部分：








反向选择代码：




Jquery部分： 








普通javascript部分：






 




        
                
            
            
            
    
显示全文