jQuery--一些特殊使用实例

1.使无法使用文本框：
(1)语法参见
事件部分–focus([[data],fn])
写法实例：

$("input[type=text]").focus(function(){
		this.blur();
	})

2.输入框旁边的文字渐变消失过程
(1)获得焦点，及进行用户点击输入时进行操作时
[1]语法参见
事件部分–focusin([data],fn)
写法实例：

$("input[type=text]").focusin(function(){
     	$("span").css('display','inline').fadeOut(1000);
     })

(2)失去焦点，即用户点击输入完成后拉开时触发
[1]语法参见
事件部分–focusout([data],fn)
写法实例：

   $("input[type=text]").focusout(function(){
     	$("span").css('display','inline').fadeOut(1000);
     })

3.计算当前非中文字符输入的次数
(1)语法参见
事件部分–keypress([[data],fn])
写法实例：

     var i=0;
     $("input").keypress(function(){
  $("span").text(i+=1);
});

4.当鼠标移入某一部分时显示一个颜色，之后移出时变回原来的颜色
(1)语法参见
事件部分–mouseenter,mouseleave

 $("p").mouseenter(function(){
      	$("p").css("background-color","red");
      })
      $("p").mouseleave(function(){
      	$("p").css("background-color","#fff");
      })

5.表单点提交按钮时弹出提交成功的警示框
(1)语法参见
事件部分–submit

$("form").submit(function(){alert("提交成功!");})

6.图片的点击出现与点击消失
(1)语法参见
使用语法–属性部分–attr,removeAttr

//(1).attr(name|properties|key,value|fn)
      $($("input")[0]).click(function(){
        $("img").attr("src","./jQuery--样式设置/1.jpg");
      })
      //(2).removeAttr(name)
      $($("input")[1]).click(function(){
        $("img").removeAttr("src");
      })

7.内容的显示隐藏
(1)语法参见
使用语法–效果部分–hide,show,toggle

input").click(function(){
    if(judge==true)
    {$("#wrap").hide();
     judge=false;
     }
     else
     {
      $("#wrap").show();
      judge=true;
     }
    })
    // 上述功能还可以通过toggle来实现
    // 写法：
    $("input").click(function(){
      $("#wrap").toggle();
    })