jQuery学习第五章-人性化的表单控制

  • 一、表单应用
    1. a)         应用样式一,对于文本框,在获得焦点和失去焦点的时候改变样式,提高用户体验
    2. b)         多行文本框应用:评论位置添加增加按钮和减少按钮,改变文本框高度;
    3. c)         滚动条应用:通过改变滚动条的位置,是文本内容滚动,增加动画效果后就非常细腻迷人了
    4. d)         下拉框应用:会员权限设置,左侧为全部权限,单击某一权限后,增加到右侧已允许的权限列表中
    5. e)         复选框应用:全选,全部选,反选等
    6. f)          表单验证:当用户输入完毕后自动验证是否正确,并给予提示;

  • 二、 表格应用
    1. a)         隔行变色:通过设置不同的CSS样式,在奇偶行添加不用的样式;
    2. b)         表格内容筛选:通过contains()方法筛选;
  • 三、其他应用
  1. a)         网页字体大小
  2. b)         tab选项卡:对当前设置样式同时取消同辈元素的样式,并且根据ID显示匹配的内容
  3. c)         网页换肤:对引用CSS的语句增加ID属性,通过ID获取后使用attr()对href属性设置不同的值
原文链接:,转发请注明来源!

发表评论