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 一些操作