jQuery

Posted 2020-09-29 贵达

jQuery

jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。

$(function (){...})  相当于定义一个函数，然后直接运行它。

 

$("#user_name").focus(function () {...}) 给这个文本框绑定一个事件。函数直接写在括号内了。

 

代码确实变的很少。

var isRecord = function () {} //定义一个函数。

函数内还可以嵌套函数，直接定义变量 var isRecordsub = function () {} //定义一个子函数。

isRecord(); //这种方式还需要多写一行代码。

$("#user_name").val("Administrator");//给文本框赋值

$("#login_btn").attr({ "disabled": "disabled" });//设置按钮属性
$("#login_btn").val("Loging......");//设置按钮文字

var userName = $("#user_name").val();//获得文本框内容

if (!userName) {...}  //如果内容为空

if ($("#user_record").is(":checked")){...} // 判断checkbox是否勾选

$("#user_record").prop("checked", true);//设置为勾选

commons.cookie.set("user_password", userPassword); //设置Cookies

$("#login_error").html("*" + message);  //设置<span class="login_error" id="login_error"></span>的网页显示文字

$("#login_error").css("display", "block");//设置样式表属性