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”，“”）