jquery的常用api函数总结
- .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标签的作用。
待续...
相关推荐
EdwardSiCong 2020-11-23
85477104 2020-11-17
hhanbj 2020-11-17
81427005 2020-11-11
seoppt 2020-09-13
honeyth 2020-09-13
WRITEFORSHARE 2020-09-13
84483065 2020-09-11
momode 2020-09-11
85477104 2020-08-15
83510998 2020-08-08
82550495 2020-08-03
tthappyer 2020-08-03
84901334 2020-07-28
tthappyer 2020-07-25
TONIYH 2020-07-22
tztzyzyz 2020-07-20
83510998 2020-07-18
81463166 2020-07-17