1.监听输入框输入

$("#email").bind("input propertychange change", function (event) { console.log($("#email").val()) }); 

2.获取输入框内容

  $(" #test ").val()$(" input[ name='test' ] ").val()$(" input[ type='text' ] ").val() $(" input[ type='text' ]").attr("value") 

3.输入框获取焦点

$('#email').focus(function(){})

3.输入框失去焦点

$('#email').blur(function(){})

4.设置样式

 $('#email').css({"border-bottom": "1px solid #ddd"});多个用逗号,隔开

5.添加class属性

 $(".btn").addClass("animated tada");

6移除class类名

 $(".btn").removeClass("animated tada");

7.点击事件

  $('.btn').click(function () {console.log(' $('#email').val()', $('#email').val()); })

转载于:https://www.cnblogs.com/karry990921/p/9058566.html

jQuery 一些操作相关推荐

  1. 4、jquery表格操作

    1.<html> 2.<head> 3.<title>jquery表格操作</title> 4.<script language="ja ...

  2. jQuery 元素操作——遍历元素

    jQuery 元素操作 主要是遍历.创建.添加.删除元素操作 <!DOCTYPE html> <html lang="en"><head>< ...

  3. Java程序员从笨鸟到菜鸟之(八十八)跟我学jquery(四)JQuery框架操作元素的属性与样式

    在前面几篇博客中,我们初步了解了一下jQuery的好处,基本语法,还有一些基本函数,这是学习jquery的基础,在这篇博客中,我们一起来学习一下JQuery框架操作元素的属性与样式,在web开发中,修 ...

  4. JQuery中操作Css样式的方法

    JQuery中操作Css样式的方法 <strong>//1.获取和设置样式</strong>    $("#tow").attr("class&q ...

  5. bootstrap中表格、修饰图片、浮动、背景框、提示框及关闭提示框、元素淡入淡出及jQuery中操作类名

    表格: bootstrap中用类定义了几个风格的表格,使用时给table标签加上类名即可,具体如下: 类名 描述 .table 基础表格:标题加粗,只有水平的淡灰色边框线条,没有垂直方向的线条 .ta ...

  6. jQuery——入门(三)JQuery DOM操作(核心处理和文档处理)

    jQuery--入门(三)JQuery DOM操作(核心处理和文档处理) 一.核心处理(JQuery对象访问) 1.页面加载检测函数:$(document).ready(function(){}); ...

  7. jQuery(一)—— jQuery 概述 / jQuery 选择器 / jQuery 样式操作 / jQuery 效果

    原以为 jQuery 不需要学习,但是接触了一些 VUE 框架,发现用到了好多 jQuery 的知识,于是返回来重新学习.本系列笔记大概分为三篇,陆续更新. 参考:W3school -- jQuery ...

  8. html元素自己属性代码,jQuery如何操作HTML的元素和属性?(代码详解例)

    本篇文章给大家带来的内容是介绍jQuery如何操作HTML的元素和属性?(代码详解例),让大家了解jQuery操作元素和属性的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助. 1 ...

  9. 118.Python修炼之路【123-前端-JQuery样式操作】2018.08.01

    jquery样式操作 jquery用法思想二  同一个函数完成取值和赋值 操作行间样式 // 获取div的样式 $("div").css("width"); $ ...

  10. jQuery元素操作-遍历元素

    1.jQuery元素操作 1.1.遍历元素-语法1 主要遍历dom对象 <!DOCTYPE html> <html lang="en"> <head& ...

最新文章

  1. 独家 | 教你实现数据集多维可视化(附代码)
  2. 多目标跟踪 | AI产品经理需要了解的CV通识(三)
  3. L(A/N)MP 中遇到的MySQL的坑
  4. python爬虫xpath提取数据_python爬虫的页面数据解析和提取/xpath/bs4/jsonpath/正则(1)...
  5. 使用Mysql执行事务实现模拟银行转账功能
  6. HTML:在动态背景登陆界面中加入图片轮播
  7. Bzoj2527--Poi2011Meteor
  8. WPF 动态添加控件以及样式字典的引用(Style introduction)
  9. EasyUI后台管理系统
  10. 微信朋友圈api接口调用源码
  11. 现场抽奖小程序_抽奖小程序助手转盘活动微信抽奖系统
  12. Out-of-Band(OOB)调研
  13. Windows Internet Information Services(IIS) 与 inetpub 文件夹
  14. css 全局撑开页面
  15. JS 转换数字/日期大全
  16. 微信公众号加外链怎么不管用——已解决
  17. 在M文件中使用模糊工具箱fis文件
  18. wincc做皮带动画_WINCC动画脚本集锦
  19. 图像沿列方向降维的AVX2实现讨论
  20. 人力资源SaaS系统哪家功能比较完善?

热门文章

  1. VIJOS1212 Way Selection
  2. POJ 1422 Air Raid (最小路径覆盖)
  3. 程序员需要了解的一点组织行为学知识
  4. tf.placeholder()
  5. anaconda在ubuntu中添加环境变量
  6. Python 的变量作用域和 LEGB 原则
  7. java 在线编辑器_最好的Markdown开源在线编辑器,没有之一!
  8. rtk采点后如何导入cad_【干货】RTK实操视频:工程之星5.0操作攻略!(第五部分)...
  9. 鸿蒙系统内核学习笔记(一)-HarmonyOS 轻内核基础功能
  10. rhel 8.2不识别unicode_基于tensorflow 实现端到端的OCR:二代身份证号识别