java：JQueryReview
Important：
1.id選擇器，class選擇器，標簽選擇器：
$("#id"); $(".class"); $("標簽");
2.jQuery的定義：
引入jQuery文件--->jquery-3.2.1.min.js
<script type="text/javascript" src="jquery-3.2.1.min.js"></script>
第一種：
$(function(){
});
第二種：
$(document).ready(function(){
});
3.函數:
1.val():獲取表單中的元素的值(第一個元素的值)
2.text():獲取元素的文本信息
3.addClass(""):給某個標簽添加類樣式
4.removeClass(""):移除，某個標簽的類樣式
5.css():如果只有一個參數，獲取當前選中標簽的樣式值；如果有兩個參數，給某個元素添加行內樣式
6.html(""):給某個標簽添加文本信息，或者html代碼，和js中的innerHTML實現效果一致
7.append(""):拼接，給某個標簽拼接文本信息，或者html代碼
8.attr():如果只有一個參數：或者某個標簽的屬性值；如果有兩個參數，給某個標簽賦值
prop():和attr實現的效果一樣
attr()和prop的區別：
attr():獲取或賦值不是自帶的屬性值，自己定義的屬性值
$("a").attr("turn");
prop():獲取或賦值自帶的屬性值，原本就支持的屬性值
$("a").prop("href");
<a href="http://www.baidu.com" target="_blank" name="a標簽" turn="baidu">百度</a>
9.trigger():會自動觸發事件
10. on():觸發一個事件
4.事件：
click, dblclick, blur, focus, submit
keyup, keydown, mouseover（鼠標懸浮）
<input type="button" value="測試" />
$("input").click(function(){給input綁定click事件
});
$("input").on("click", function(){
});
$("ul").on("click","li",function(){
});
<ul>
<li></li>
</ul>
5.選擇器：
+:選擇出相鄰元素(只能是一個)
~:選擇出所有的兄弟元素(所有兄弟元素)
$(":input"):選擇出所有input(input,select,textarea)
$("td").parent();選擇出td的直接父級元素
$("td").parent().parent();選擇出td的直接父級元素的父級元素
$("td").parents();選擇出td的所有祖先元素
6.效果：
show():顯示
hide():隱藏
toggle():既可以顯示又可以隱藏
slideUp():向上滑動直到隱藏
slideDown():向下滑動，直接顯示
slideToggle():滑動
ajax:(servlet學完)牽扯前後臺數據進行交互
7.form驗證：
第一種：
// 第一步：封裝驗證函數(以username為例)
function checkUsername() {
// 第一步：獲取input的值
var userValue = $("#uname").val();
// 第二步：定義正則表達式
var reg = /^\w$/;
// 第三步：匹配正則
if(reg.test(userValue)) {
格式正確
return true;
} else {
格式錯誤
return false;
}
}
// 第四步：定義一個boolean類型的標記
var userFlag = true;
// 第五步：綁定事件
$(function(){
// 第六步：選中input對象
var ins = $("uname");
// 第七步：給選中的對象綁定事件
ins.blur(function(){
// 調用封裝的函數，並接收
userFlag = checkUsername();
});
// 第八步：給form表單綁定submit事件
$("form").submit(function(){
return userFlag;
});
});
<form>
<input type="text" name="username" id="uname" />
</form>
java：JQueryReview