<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="http://www.dbjr.com.cn/" />

<title>腳本之家</title>

<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>

<script type="text/javascript"> 

$(document).ready(function(){ 

  $("button").click(function(){ 

    $("li:only-child").css("color","blue") 

  }) 

})  

</script>

</head>

<body>

<div>

  <ul>

    <li class="houtai" title="asp">ASP教程</li>

  </ul>

  <ul>

    <li class="qiantai" title="html">html教程</li>

    <li class="qiantai" title="div">DIV+CSS教程</li>

    <li class="qiantai" title="jquery">jQUERY教程</li>

    <li class="qiantai" title="js">jAVAScript教程</li>

  </ul>

</div>

<button>點(diǎn)擊查看效果</button>

</body>

</html>

希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

jQuery UI Autocomplete 體驗(yàn)分享
jQuery UI Autocomplete是jQuery UI的自動(dòng)完成組件，是我用過(guò)的最強(qiáng)大、最靈活的Autocomplete，它支持本地的Array/JSON數(shù)組、通過(guò)ajax請(qǐng)求的Array/JSON數(shù)組、JSONP、以及Function(最靈活)等方式來(lái)獲取數(shù)據(jù)
2012-02-02
jQuery中hover與mouseover和mouseout的區(qū)別分析
這篇文章主要介紹了jQuery中hover與mouseover和mouseout的區(qū)別,結(jié)合實(shí)例分析了jQuery中hover與mouseover和mouseout的區(qū)別與使用技巧,需要的朋友可以參考下
2015-12-12
利用jQuary實(shí)現(xiàn)文字浮動(dòng)提示效果示例代碼
文字浮動(dòng)提示效果想必大家都有見(jiàn)到過(guò)吧，其實(shí)實(shí)現(xiàn)起來(lái)很賤的，下面為大家詳細(xì)介紹下使用jquery是如何做到的，感興趣的朋友可以參考下
2013-12-12
jquery網(wǎng)頁(yè)回到頂部效果(圖標(biāo)漸隱,自寫(xiě))
當(dāng)網(wǎng)頁(yè)內(nèi)容草雞多的時(shí)候，用戶(hù)就需要有個(gè)按鈕快速回到頂部，于是用js來(lái)實(shí)現(xiàn)下，畫(huà)布多說(shuō)，直接上代碼
2014-06-06
jquery radio的取值_radio的選中_radio的重置方法
下面小編就為大家?guī)?lái)一篇jquery radio的取值_radio的選中_radio的重置方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-09-09
jQuery ReferenceError: $ is not defined 錯(cuò)誤的處理辦法
今天開(kāi)始要學(xué)習(xí)jQuery，寫(xiě)第一個(gè)Hello Word時(shí)，居然jQuery ReferenceError: $ is not defined
2013-05-05
淺談Jquery為元素綁定事件
jQuery 使用on綁定動(dòng)態(tài)生成的元素時(shí)，不能直接用該對(duì)象操作，而是選擇其非動(dòng)態(tài)生成的父節(jié)點(diǎn)然后再找到本身才能達(dá)到效果。大家看看源碼就知道了。
2015-04-04
jquery實(shí)現(xiàn)淘寶商品圖片局部放大
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)淘寶商品圖片局部放大，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-03-03
jQuery plugin animsition使用小結(jié)
本文通過(guò)實(shí)例代碼給大家分享了jQuery plugin animsition用法，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下吧
2017-09-09
對(duì)之前寫(xiě)的jquery分頁(yè)做下升級(jí)
之前寫(xiě)的分頁(yè)，操作時(shí)要把傳的參數(shù)放到隱藏hidden中，比較麻煩，下面重新包裝了一下,需要的朋友可以參考參考
2014-06-06