当前位置:Gxlcms > JavaScript > JQuery操作textarea,input,select,checkbox方法_jquery

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

时间:2021-07-01 10:21:17 帮助过:3人阅读

今天学习怎样用JQuery编写一些小的代码,小小的试了一下编写一个textarea,代码如下:




  
  
  

  

效果图如下:

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

再来一个input标签,代码:




  
  
  
  

效果图如下:

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

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




  
  
  
  

效果图如下:

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

操作checkbox

html

全部选择
取消选择
反向选择

A B C

D E F

Jquery部分

普通javascirpt部分:

取消选择代码:

Jquery部分:

普通javascript部分:

反向选择代码:

Jquery部分:

普通javascript部分:

人气教程排行