練習4:<br>JQ控制物件方法介紹

練習四:JQ控制物件方法介紹

練習四:JQ控制物件方法介紹

原始檔

 

<table border="1">
    <tr>
        <td>JQ_CSS方法</td>
        <td>
            <button>1.奇偶項目變色</button>
        </td>
    </tr>	
    <tr>
        <td>JQ捕捉與設置<br>文字取得與寫入</td>
        <td>
            <button>2.text</button>
            <button>3.html</button>
        </td>
    </tr>
    <tr>
        <td>JQ添加與刪除元素</td>
        <td>
            <button>4.append</button>
            <button>5.刪除元素內容empty</button>
            <button>6.刪除元素物件remove</button>	
        </td>
    </tr>
    <tr>
        <td>JQ_CSS類</td>
        <td>
            <button>7.增加類別addClass</button>	
            <button>8.移除類別removeClass</button>				
            <button>9.toggleClass</button>				
        </td>
    </tr>
    <tr>
        <td>事件</td>
        <td>
            <button>10.click,show,hide</button>	
            <button>11.click,fadeIn,fandOut</button>				
            <button>12.click,slideUp,slideDown</button>				
            <button>13.hover</button>				
        </td>
    </tr>
</table>
<ul>
	<li><strong><em>清單項目1</em></strong></li>
	<li><strong><em>清單項目2</em></strong></li>
	<li>清單項目3</li>
	<li>清單項目4</li>
	<li>清單項目5</li>
	<li>清單項目6</li>
	<li>
		<p>jQuery是開源軟體,使用MIT授權條款授權。[5] jQuery的語法設計使得許多操作變得容易,如操作文件(document)、選擇文件物件模型(DOM)元素、建立動畫效果、處理事件、以及開發Ajax程式。jQuery也提供了給開發人員在其上建立外掛模組的能力。這使開發人員可以對底層互動與動畫、高階效果和高階主題化的元件進行抽象化。模組化的方式使jQuery函式庫能夠建立功能強大的動態網頁以及網路應用程式。</p>	
		<p>微軟和諾基亞已宣布在他們的平台上繫結jQuery。[6]微軟最初在Visual Studio中整合了jQuery[7]以便在微軟自己的ASP.NET AJAX框架和ASP.NET MVC Framework中使用,而諾基亞則在他的Web執行時元件開發平台中整合了jQuery[8]。MediaWiki自從1.16版本後也開始使用jQuery[9]。</p>
	</li>
</ul>
<style>
	*{padding:0; margin:0;}
	body{font-size:18px; font-family: '微軟正黑體'; width:90%; margin:0 auto;}
	button{font-size:18px; margin:5px; padding:3px 10px;}
	td:first-child{width:200px;}
	li{font-size:20px;line-height:40px;}
	.note{background:#FFE0E0; font-weight:bold; color:#9D0119;}
</style>
<script>
//btn1====1.奇偶項目變色


//btn2====2.text


//btn3====3.html


//btn4====4.append


//btn5====5.刪除元素內容empty


//btn6====6.刪除元素物件remove


//btn7====7.增加類別addClass


//btn8====8.移除類別removeClass


//btn9====9.toggleClass


//btn10====10.click,show,hide


//btn11====11.click,fadeIn,fandOut


//btn12====12.click,slideUp,slideDown


//btn13====13.hover 						


</script>