jquery_3month

柒國招發表於2019-05-03
jQuery

1、分期支付裡計算rem簡便方法？ 餓了麼用px? 23天準備試用期之旅開始： 試用期： 晨跑10min必須慢速，舒展愉悅身心+聚集生活工作熱情+信念意志沉澱 方法： 1、學會官方文件教程:筆記+親手練習重點+複習筆記 2、結合視訊鞏固 3、做專案實戰 成果： 夯實jq語法基礎 能處理途牛jq中型、大專案增加功能、修改 思維、效率、方法培養： 1、開發思考深度、愛挑戰思考

我追求的： 1、這4年大學專業及技能：前端大廚，將自己的廚藝做到最好 幹這行，培養自己瘋狂熱愛追求、炙熱的心 2、33歲，不想做廚子了，做老闆！有資本選擇更熱愛的職業。

text() - 設定或返回所選元素的文字內容
html() - 設定或返回所選元素的內容（包括 HTML 標記）
val() - 設定或返回表單欄位的值
attr() 用於設定/改變屬性值。
複製程式碼

attr() 的回撥函式

 $("#runoob").attr("href", function(i,oldValue){
 //被選元素列表中當前元素的下標
    return oldValue + "/jquery"; 
  });
複製程式碼
append() - 在被選元素的結尾插入內容
prepend() - 在被選元素的開頭插入內容
複製程式碼
remove() - 刪除被選元素（及其子元素）
empty() - 只刪除被選元素的子元素
複製程式碼

remove("只刪除的元素")

 $("button").click(function(){
    $("p").remove(".italic");
  });

<p>這是一個段落。</p>
<p class="italic"><i>這是另外一個段落。</i></p>
<p class="italic"><i>這是另外一個段落。</i></p>
<button>移除所有  class="italic" 的 p 元素。</button>
複製程式碼

addClass（）可新增多個類

$(document).ready(function(){
  $("button").click(function(){
    $("body div:first").addClass("important blue");
  });
});
</script>
<style type="text/css">
.important
{
	font-weight:bold;
	font-size:xx-large;
}
.blue
{
	color:blue;
}
</style>
</head>
<body>

<div id="div1">這是一些文字。</div>
<div id="div2">這是一些文字。</div>
複製程式碼

removeClass()

toggleClass() 對被選元素進行新增/刪除類的切換操作

設定 CSS 屬性

$("p").css({"background-color":"yellow","font-size":"200%"});
複製程式碼

jquery_3month

設定了 box-sizing 後

width() 獲取的是內容寬度=width - 2*(border +padding)

parent() 方法返回被選元素的直接父元素

parents() 方法返回被選元素的所有祖先元素

parentsUntil() 方法返回介於兩個給定元素之間的所有祖先元素

$(document).ready(function(){
  $("span").parentsUntil("div").css({"color":"red","border":"2px solid red"});
});
複製程式碼