在熟悉 selector 後，就可以开始采用物件连结的方式进行各种作业
最基本常见的方法便是取得内容或修改。你可以抽换文字或 HTML，也能一同更换自己 HTML
| 内容存取 | 说明 |
|---|---|
| .html(“HTML”) | 同 JavaScript .innerHTML() |
| .text(“String”) | 同 JavaScript .textContext() |
| .replaceWith(“HTML”) | 替换 HTML 连同自己该层 |
另个方法是在兄弟层级上进行增减
| 相对位置插入 | 说明 |
|---|---|
| .before(“HTML”) | 同层之上增加 HTML |
| .after(“HTML”) | 同层之下增加 HTML |
| .append(“HTML”) | 内部之底增加 HTML |
| .prepend(“HTML”) | 内部之初增加 HTML |
selector能够被复制移除或清空，也能接着继续增加add()另一个selector，便於之後method一同执行。
| 节点处理 | 说明 |
|---|---|
| .clone() | 复制该 select 的节点内容 |
| .remove() | 把该 select 移除，会 return 目前 HTML |
| .detach() | 同上，但 return 会额外保留相关依据行为（适合有还原需求） |
| .empty() | 把自己子内容清空 |
对 selector 的属性操作，可轻松对 attr,style,class,id,value 做任何的存取调整。其中 css 部分除了参数处理，也能用 json 包住做多笔 CSS 指定
| 属性处理 | 说明 |
|---|---|
| .attr(“width”) | 取得属性 width 值 |
| .attr(“width”,”100”) | 设定属性 width=100 |
| .removeAttr(“style”) | 移除属性 style |
| .addClass(“hot”) | 增加 class=hot |
| .removeClass(“hot”) | 移除 class=hot |
| .toggleClass(“hot”) | 增加或移除 class=hot |
| .css(“color”) | 取得 css 之 color 值 |
| .css(“color”,”red”) | 设定 CSS 之 color=red |
| .css({“color”:”red”,”font-size”:”14px”}) | 设定多笔 CSS（以 JSON 方式） |
| .val() | 取得属性 value 值 |
| .val(“loki”) | 设定 value=loki |
也能透过selector做精准的过滤条件
| 遍历 selector | 说明 |
|---|---|
| .parent(“#myid”) | 父层级且 id=myid 之目标 |
| .parents() | 同上，延伸到所有祖先 |
| .children(“.mycls”) | 子层级1阶内之 class=mycls 之目标 |
| .find(“li”) | 子孙层级N阶内有 li 之目标 |
| .next() | 该位置之同层级，找下一个标签 |
| .prev() | 该位置之同层级，找前一个标签 |
| .siblings(selector) | 该位置之同层级，找到指定标签 |
event 事件与 JavaScript 差异不大，差别於简化了编写上的速度
| BOM 相关 | 说明 |
|---|---|
| .width() 与 .height() | 同 CSS 设定或取得 width 与 height 尺寸 |
| .offset() | 回传物件（绝对座标）包含。top 与。left |
| .position() | 回传物件（相对座标）包含。top 与。left |
| .scrollLeft() | X 轴滚轮 bar 之位置或指定 |
| .scrollTop() | Y 轴滚轮 bar 之位置或指定 |
| .ready(function(){}) | DOM 载入完毕後执行 fucntion |
| .load(function(){}) | 网页载入完毕後执行 fucntion |
| .on(“click”,function(){}) | 添加 event 事件，参数分别为类型与执行 function |
| .off(“click”,function(){}) | 关闭 event 事件，同上 |
| .click or .submit() or .hover() | 与前者相同，属於另一种简略写法 |
DOM载入後执行的写法为$(document).reday(function(){})，另一种简写为 $(function(){})
on()可以绑两种事件做同件事，譬如 on("focus blur",()=>{console.log("event")});
<<: 【Day 22】Google Apps Script - API Blueprint 篇 - API Blueprint 格式范例
>>: #21-用Canvas做科技感的动态球！（+什麽时候该用CSS/SVG/Canvas?）
现在已经有许多科幻片出现许多人工智慧，像是《机械公敌》（I，Robot）或是《钢铁人》（Iron M...
Flutter API Get using Bloc state management and ht...
看完这篇文章你会得到的成果图 此篇文章的范例程序码 github https://github.co...
不变，不代表会更快更好 要求不变，反而会花过多时间追求完美 在[Day22] Scrum失败经验谈 ...
Interface对象接口也称介面 使用介面（interface），可以指定某个类必须实现哪些方法，...