Jquery 功能
1.網頁元件製作
2.動畫
3.表單處理
4.Json,txt,csv,xml資料結構處理
5.Ajax非同步技術與網頁系統權限
6client和server語言互傳訊息
7.路油表線規劃.
選擇器；
$("選擇器")事件方法();
$("#tb1 a img").click(function()
{
var t=$(this).attr("src");
alert(t);
});
給屬性值；
$("選擇器").attr("屬性","屬性值");
$("#resultimg").attr("src",t);
---------------------------------------
<script language="javascript" src="jquery-3.1.1.min.js"></script>
<script language="javascript">
$(document).ready(function()
{
$("#tb1 a img").click(function()
{
var t=$(this).attr("src");
//alert(t);
$("#resultimg").attr("src",t);
});
});
</script>
<body>
<div id="dv1" style="width:800px; height:130px; background-color:#0FF; overflow:scroll" >
<table id="tb1" border="1" width="800">
<tr>
<td ><a href="javascript:void;" >
<img src="image/h01.jpg" width="120" height="100" />
</a>
</td>
<td><a href="javascript:void;" >
<img src="image/h02.jpg" width="120" height="100" />
</a></td>
<td><a href="javascript:void;" >
<img src="image/h03.jpg" width="120" height="100" />
</a></td>
<td><a href="javascript:void;" >
<img src="image/h04.jpg" width="120" height="100" />
</a></td>
<td><a href="javascript:void;" >
<img src="image/h05.jpg" width="120" height="100" />
</a></td>
<td><a href="javascript:void;" >
<img src="image/h06.jpg" width="120" height="100" />
</a></td>
<td><a href="javascript:void;" >
<img src="image/h07.jpg" width="120" height="100" />
</a></td>
<td><a href="javascript:void;" >
<img src="image/h08.jpg" width="120" height="100" />
</a></td>
<td><a href="javascript:void;" >
<img src="image/h09.jpg" width="120" height="100" />
</a></td>
<td><a href="javascript:void;" >
<img src="image/h10.jpg" width="120" height="100" />
</a></td>
</tr>
</table>
</div>
<div id="dv2" style=" width:720px; height:550px; background-color:#99F;padding:40px; background-color:#99C; border:solid 5px rgb(0,0,255" >
<img id="resultimg" src="image/h01.jpg" width="720" height="550" " />
</div>
</body>
------------------------------------------------------
javascript
階層取值用 name
<script language="javascript">
function fun1()
{
var name=document.f1.t1.value;
alert("姓名；"+name);
}
</script>
<body>
<form id="f1" name="f1">
<table id="tb1" width="250" rules="none">
<tr>
<td>姓名；
</td>
<td>
<input type="text" id="t1" name="t1" size="20" />
</td>
</tr>
<td>
<input type="button" id="bt1" name="bt1" value="確定" onclick="fun1()">
</td>
<td align="right">
<input type="reset" value="清除">
</td>
<tr>
</tr>
</table>
</form>
</body>
--------
javascri[pt 運算子
1.算術運算子
2.關係運算子
3.邏輯運算子
4.指定運算子
5.增量
減量
6.基本條件式
()?="":"";
資料型態
1.number整數0-65535，浮點數12.56
2.string 用""包起
3.boolean false,truth
4.array var k[]=array(12,34);
5.function 函數四架構
6.object 類別class
----------------------------------
<script language="javascript">
function fun1()
{
var t=prompt("請輸入數字；");//var t
var y=((t%2)==0)?"偶數":"奇數";
alert(y);
}
</script>
<body>
<a href="javascript:void();" onclick="fun1()">執行</a>
</body>
======================================
沒有留言:
張貼留言