<!DOCTYPE html> <html lang="en" xmlns="http://www./1999/xhtml"> <head> <meta charset="utf-8" /> <title>JQ与JS之间关系</title> <script type="text/javascript" src="D:\workspace\jquery\jquery-1.4.2.js"> </script> <script type="text/javascript"> /*//输入焦点获取用户名 function getUsername(){ //alert("输入框失去输入焦点"); //使用js 方式获取用户名,value是js属性,doc是js 对象 var doc=document.getElementById("username"); alert(doc.value); }*/ function getUsername1(){ //使用js 获取用户名 //var doc=document.getElementById("username"); //alert(doc.value); /*//将js对象转换为 jQuery var $Inp=$(doc); alert($Inp.val());*/ //使用 jQuery 获取用户名 var $Inp= $("#username"); // alert($Inp.val()); //将 jQuery对象 转换为 js 对象 //var oInp= $Inp.get(0); var oInp= $Inp[0]; alert(oInp.value); } </script> </head> <body> 用户名 <input type="text" name="username" id="username" onblur="getUsername1()"/> </body> </html> |
|
来自: 金银宝100 > 《jQuery知识点》