JavaScript和Jquery使用示例
阿新 • • 發佈:2018-12-11
JavaScript
text() 設定或返回所選元素的文字內容
html() 設定或返回所選元素的內容(包括 HTML 標記)
val() 設定或返回表單欄位的值
attr() 設定或獲取屬性 $("#w3s").attr("href","http://www.w3school.com.cn/jquery");
document.getElementById();
document.getElementByTagName();
//選擇器
$("input[type=file]")
$("input[name='myfiles']")
$("li[style='display:none']")
//Jquery事件繫結1
$("body").on("click",".dropDownText",function() {
$(this).siblings('.dropDown').toggle();
});
//Jquery事件繫結2
$("#addImg").click(function(
$("this").hide();
))
//樹遍歷
parent() parent("ul") //上一級
parents() parents("ul") //所有上級,包括(html元素)
children() children("p.1") //下一級
find() find("*") //所有下級
sibings() sibling("p")
next()
nextAll()
nextUntil()
prev()
prevAll()
prevUntil()
//效果
show()
hide()
toggle()
//新增
append() //在被選元素的 結尾 插入內容
prepend() //在被選元素的 開頭 插入內容
after(obj) //在被選元素 之後 插入內容
before(obj) //在被選元素 之前 插入內容
//刪除
remove() //刪除自己和子元素
empty() //僅刪除子元素,返回自己
//indexOf和contains都可以判斷
//表單提交
<form id="loginform">
<a onclick="document:loginform.submit()">登入</a>
</from>
//note
input框設定readonly後,不能通過val()設定value值,但能顯示val()
只能通過attr(“value”,“”)