jQuery学习教程,七:val(与节点操作
val()
用来设置和获取元素的值,包括元素、文本框、下拉列表还有单选框。使用val()返回元素的value值,使用val(value) 设置元素值。
例:
<script type="text/javascript"> //<![CDATA[ $(function(){ $("#key").val("请输入关键字进行搜索"); $("#key").attr("color","#ccc"); $("#key").mouseover(function(){ $(this).css("background","#fee").css("color","#d00"); }); $("#key").mouseout(function(){ $(this).css("background","#fff").css("color","#333"); }); $("#key").click(function(){ $(this).val(""); }); }); //]]> </script> </head> <body> <form> <input type="text" /> </form>
DOM方式操作节点
children()//取得匹配元素的子元素集合 next()//取得匹配元素后面紧邻的同辈元素 prev()//取得匹配元素前面紧邻的同辈元素 siblings()取得匹配元素前后所有的同辈元素集 closest()//取得最近的匹配元素
学习以上这些jQuery的DOM访问节点方式,不要忘记js自身的DOM Core访问节点方式
jQuery>>DOM Core
children()>>childNodes next()>>nextSibling prev()>>previousSibling
first()>>firstChild
last()>>lastChild
parent()>>parentNode
- 上一篇 »JavaScript组件之JQuery,A~Z教程
- 下一篇 »1-html基本结构与编写规范