jQuery 一些操作

Posted 封寻丸子

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery 一些操作相关的知识,希望对你有一定的参考价值。

 

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());
   })

以上是关于jQuery 一些操作的主要内容,如果未能解决你的问题,请参考以下文章

常用Javascript代码片段集锦

VS Code中自定义Emmet代码片段

jQuery应用 代码片段

Visual Studio 2012-2019的130多个jQuery代码片段。

markdown 在WordPress中使用jQuery代码片段

使用 NodeJS 和 JSDOM/jQuery 从代码片段构建 PHP 页面