jQuery實(shí)現(xiàn)鼠標(biāo)單擊網(wǎng)頁(yè)文字后在文本框顯示的方法
本文實(shí)例講述了jQuery實(shí)現(xiàn)鼠標(biāo)單擊網(wǎng)頁(yè)文字后在文本框顯示的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下:
<!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無標(biāo)題文檔</title> <script src="js/jquery.min.js" type="text/javascript"></script> </head> <body> <ul> <li>張三</li> <li>李四</li> <li>王五</li> <li>趙六</li> </ul> <table width="200" border="1" cellspacing="0" cellpadding="0"> <tr> <td>選擇</td> <td>姓名</td> </tr> <tr> <td><input type="checkbox" name="checkbox" value="1" /></td> <td><input type="text" name="username" value="" /></td> </tr> <tr> <td><input type="checkbox" name="checkbox" value="1" /></td> <td><input type="text" name="username" value="" /></td> </tr> <tr> <td><input type="checkbox" name="checkbox" value="1" /></td> <td><input type="text" name="username" value="" /></td> </tr> </table> <script> $("ul li").click(function(){ var text = $(this).text(); $("input").val(""); $("input:checked").parents("td").siblings("td").children("input").val(text); }) </script> </body> </html>
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
- JS獲取鼠標(biāo)選中的文字
- js實(shí)現(xiàn)鼠標(biāo)懸停圖片上時(shí)滾動(dòng)文字說明的方法
- js實(shí)現(xiàn)文字垂直滾動(dòng)和鼠標(biāo)懸停效果
- js實(shí)現(xiàn)鼠標(biāo)滑過文字鏈接色彩變化的效果
- jQuery實(shí)現(xiàn)表單input中提示文字value隨鼠標(biāo)焦點(diǎn)移進(jìn)移出而顯示或隱藏的代碼
- jQuery實(shí)現(xiàn)鼠標(biāo)經(jīng)過時(shí)出現(xiàn)隱藏層文字鏈接的方法
- jQuery實(shí)現(xiàn)鼠標(biāo)選中文字后彈出提示窗口效果【附demo源碼】
- 一個(gè)有意思的鼠標(biāo)點(diǎn)擊文字特效jquery代碼
- jQuery+css3實(shí)現(xiàn)文字跟隨鼠標(biāo)的上下抖動(dòng)
- jQuery實(shí)現(xiàn)鼠標(biāo)選文字發(fā)新浪微博的方法
- javascript(基于jQuery)實(shí)現(xiàn)鼠標(biāo)獲取選中的文字示例【測(cè)試可用】
相關(guān)文章
jQuery實(shí)現(xiàn)鼠標(biāo)懸停3d菜單展開動(dòng)畫效果
本文主要介紹了jQuery鼠標(biāo)懸停3d菜單展開動(dòng)畫效果的示例代碼,具有很好的參考價(jià)值,下面跟著小編一起來看下吧2017-01-01可輸入文字查找ajax下拉框控件 ComBox的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄奢斎胛淖植檎襛jax下拉框控件 ComBox的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-10-10jquery實(shí)現(xiàn)自定義圖片裁剪功能【推薦】
本文主要介紹了jquery實(shí)現(xiàn)自定義圖片裁剪功能,代碼超級(jí)簡(jiǎn)單,易修改。下面跟著小編一起來看下吧2017-03-03關(guān)于query Javascript CSS Selector engine
本篇文章,小編將為大家介紹,關(guān)于query Javascript CSS Selector engine,有需要的朋友可以參考一下2013-04-04jQuery實(shí)現(xiàn)類似淘寶網(wǎng)圖片放大效果的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)類似淘寶網(wǎng)圖片放大效果的方法,實(shí)例分析了jquery實(shí)現(xiàn)圖片放大效果的方法,涉及jquery操作鼠標(biāo)事件及頁(yè)面元素屬性修改的相關(guān)技巧,需要的朋友可以參考下2015-07-07jquery增加時(shí)編輯jqGrid(實(shí)例代碼)
jquery增加時(shí)編輯jqGrid(實(shí)例代碼)。需要的朋友可以過來參考下,希望對(duì)大家有所幫助2013-11-11jQuery獲得document和window對(duì)象寬度和高度的方法
這篇文章主要介紹了jQuery獲得document和window對(duì)象寬度和高度的方法,涉及jQuery獲取document和window對(duì)象屬性的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03jQuery簡(jiǎn)單倒計(jì)時(shí)效果完整示例
這篇文章主要介紹了jQuery簡(jiǎn)單倒計(jì)時(shí)效果,結(jié)合完整實(shí)例形式分析了jQuery針對(duì)日期與時(shí)間的計(jì)算與頁(yè)面元素動(dòng)態(tài)操作相關(guān)技巧,需要的朋友可以參考下2016-09-09關(guān)于兩個(gè)jQuery(js)特效沖突的bug的解決辦法
下面小編就為大家?guī)硪黄P(guān)于兩個(gè)jQuery(js)特效沖突的bug的解決辦法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享 給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-09-09jQuery實(shí)現(xiàn)適用于移動(dòng)端的跑馬燈抽獎(jiǎng)特效示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)適用于移動(dòng)端的跑馬燈抽獎(jiǎng)特效,結(jié)合實(shí)例形式分析了jQuery結(jié)合時(shí)間函數(shù)動(dòng)態(tài)操作頁(yè)面元素實(shí)現(xiàn)的跑馬燈抽獎(jiǎng)功能相關(guān)操作技巧,需要的朋友可以參考下2019-01-01