jquery 動態點選li標籤切換背景顏色

阿新 • • 發佈：2019-01-16

廢話不多講老規矩先上圖看效果：

<script type="text/javascript" src="/jquery/jquery.js"></script> 改為你本地專案的js路徑

<!DOCTYPE html>

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
</head>
<style>
.currentli {
            color:#186ecc;
            background-color:#fff;
        }
</style>
<body>
<ul id="gmenu">
<li class="selected">Hello Again</li>
<li class="selected">Hello Again</li>
<li>And Again</li>
</ul>
<script>

$("#gmenu p").click(function () {
                    $(this).addClass("currentli").siblings().removeClass();
                })
</script>

</body>

</html>

如果以上沒有起作用可是嘗試以下：

    $(".gmenu ul li").click(function () {
          $(".gmenuulul li").removeClass();
          $(this).addClass("currentli");
    })

jquery 動態點選li標籤切換背景顏色

廢話不多講老規矩先上圖看效果：<script type="text/javascript" src="/jquery/jquery.js"></script> 改為你本地專案的js路徑<!DOCTYPE html><html>

案例:點選li標籤彈出對應的索引

需求:點選li標籤,彈出對應的索引先看效果: html結構: <ul id="ul1"> <li>我是li標籤1</li> <li>我是li標籤2</li> <li>

純css3實現點選縮圖切換背景圖

1：html頁面部分： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>純css3實現背景圖片切換效果&

【js例項】js實現點選標題標籤切換顯示對應內容

var box = document.getElementById("tab"); //獲取滑動標籤最外層元素 var olis = box.getElementsByTagName("li"); //獲取標籤元素 var odivs = box.getElementsByTagNa

點選input消除預設背景顏色

在谷歌瀏覽器會出現預設點選input框黃色背景，如何去除？ //消除google瀏覽器黃色框 input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus { box-shadow:0 0 0 60

2_1.8_點選按鈕__改變背景顏色

activity_main.xml <?xml version="1.0" encoding="utf-8"?><android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/ap

Android開發技巧：點選Button改變其背景顏色

UI設計中，按鈕一般都會有多個狀態，比如：聚焦、點選等，不同的狀態必須顯示不同的呈現形式（比如顏色、形狀的改變），這樣使用者才能感覺到按鈕被成功選中、點選了，否則使用者體驗就會非常差了。本篇文章就簡單地描述一下Android開發中，如何動態改變Button

Android TextView的點選效果之改變背景顏色

在學習Android過程中，我們有時想要TextView有點選效果，不是文字的變化而是背景顏色的變化，那麼怎麼來實現呢？下面將介紹如何實現： 1.在res目錄下的drawable(此檔案是自己手動建立的)檔案下建立一個點選效果的檔案:tv_bg_selector.xml

實現listview條目點選後改變item背景顏色和字型顏色並保留

先上效果圖。其實實現是很簡單的在item的佈局中設定背景顏色選擇器，當item被選中時就會改變背景顏色字型顏色在listview的adapter這種進行設定，定義標記記錄當前被點選的item

android中如何去掉pulltorefreshlistview點選item時的背景顏色，與item外邊距設定

如圖所示，做專案中通過運用pulltorefreshlistview下拉重新整理元件實現item與邊有一定距離的效果圖，如下圖所示，item內容我已清除。通過 com.handmark.p

html js jquery 對Ul下的li標籤執行點選事件——如何獲取你所點選的標籤

問題所來：做專案時，一般的資料都是用迴圈動態加載出來的，結構都是一樣的，只是繫結的值不同，如何對相同的標籤做處理的問題就來了。例如：點誰就顯示誰的數值<ul id="test"> <li class="test">1</li> <li

jquery的點選事件，非動態載入點選與動態載入點選

jquery的點選事件，非動態載入點選與動態載入點選寫法不同 1.非動態載入點選 <div id="clickdemo"> <ul> <li>1<li> </ul> </div>點選1觸發 $

使用JS或jQuery模擬滑鼠點選a標籤事件程式碼

<a id="alink" href="abc.aspx" style="visibility: hidden;">下一步</a> $("#alink").click(); // 觸發了a標籤的點選事件，但是沒有觸發頁面跳轉 document.g

jquery實現點選按鈕變換背景顏色

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti

react點選tab樣式切換（tab標籤及樣式切換）

react tab標籤以及樣式切換。方法一：原理：利用state 中的變數值，控制menu列表平的樣式切換示例demo：import React from "react";import "./App.css"export default class App extends

使用jquery + css + html實現點選左右箭頭切換圖片

$(function() { var sWidth = $("#focus").width(); //獲取焦點圖的寬度（顯示面積） var len = $("#focus ul li").length; //獲取焦點圖個數 var index = 0; var picTimer; //以下程式碼新

超簡單點選li背景變色

<!DOCTYPE html> <head> <meta charset="UTF-8"> <script type="text/javascript" src="jquery-1.9.1.min.js"></scri

Android 通過ViewPager實現點選和滑動切換Fragment標籤頁

如上圖效果，要切換 Fragment 標籤頁，可以通過點選標籤或者滑動標籤頁來實現。網上應該有封裝好的開源庫可以直接利用，不過這裡介紹一下自己通過 ViewPager 實現該效果。首先是佈局檔案： <?xml version="1.0" encodi

jQuery 設定點選間隔

var time = 0; $('button').click(function() { //判斷計時器是否處於關閉狀態 if (time == 0) { time = 10; //設定間隔時間（秒） //啟動計時器，倒計時time秒後自動

【js】js模擬點選a標籤，觸發href

js中的$(...).click()事件只能觸發繫結的onClick方法，不能跳轉到href。常規情況下如果想下如果想在js裡跳轉href的連結，會先用attr獲取到href屬性的值，然後window.location.href跳轉，但是現在想利用a標籤的download屬性實現下載功能，如果