jQuery学习教程（七）：val()与节点操作

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" id="key" name="key" /> </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
相关阅读:
函数声明例子
 税收工资分级
 attribute函数
 输出结果有误
 scanf_s()函数与数组，运行环境VS2013
格式化输出
 功能点介绍和用户场景
 第二次作业合作版
 word count
第一次作业
原文地址：https://www.cnblogs.com/liangle/p/2512666.html