- .attr( attributeName ): 得到匹配到的attributeName 属性集对象集中的第一个元素对象的value值。
- select 的 multiple属性规定可以同时选择多个选项,size属性决定可见选项的数目。
<select>
<option vlaue="111">xxx</option>
<option value="111">xxx</option>
... ...
</select>
3. 在html中的head标签里可以通过<style type="text/css"> css代码</style>
<script type="text/javascript"> script脚本代码</script>
来直接增加样式和脚本。
也可以通过在head标签中通过:
<script src="../scripts/jquery-1.3.1.js" type="text/javascript"></script> 引进jquery
通过下面方式引进css:
<link rel="stylesheet" href="../../css/base.css" type="text/css" media="screen" charset="utf-8"/>
4. 通过下面例子看到html中的DOM(文档对象模型)对象和jquery对象的联系区别:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>1-4</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- 引入 jQuery -->
<script src="../scripts/jquery-1.3.1.js" type="text/javascript"></script>
<script type="text/javascript">
//等待dom元素加载完毕.
$(document).ready(function(){
var domObj = document.getElementsByTagName("h3")[0]; // Dom对象
var $jQueryObj = $(domObj); //jQuery对象
alert("DOM对象:"+domObj.innerHTML);
alert("jQuery对象:"+$jQueryObj.html());
});
</script>
</head>
<body>
<h3>例子</h3>
<p title="选择你最喜欢的水果." >你最喜欢的水果是?</p>
<ul>
<li>苹果</li>
<li>橘子</li>
<li>菠萝</li>
</ul>
</body>
</html>
注意这里meta标签的作用。
待续...