1. 程式人生 > >JavaScript和Jquery使用示例

JavaScript和Jquery使用示例

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”,“”)