點選列表的時候,點選的那個樣式高亮其他的不亮
css新增一個變色的類
.highlight{
background-color: yellow;
}
js
$(function(){
$('.dht div').click(function(){
$(this).addClass('highlight').siblings().removeClass('highlight');
})
});
相關推薦
點選列表的時候,點選的那個樣式高亮其他的不亮
css新增一個變色的類 .highlight{ background-color: yellow; } js $(function(){ $('.dht div').clic
【VUE元件開發】VUE隨意點選列表元素切換選中樣式,並有序陣列新增索引和數值
直接檢視程式碼以及樣式 <template> <div> <!--頂部step--> <div class="dataStep"> <!--<img src="static
改變當前點選的a標籤的樣式,將其他a標籤樣式還原
<strong>假設現在需要實現這樣的功能:下面有三個a標籤,點選任意一個a標籤,顏色變為藍色,其餘的恢復無色,如下圖</strong><p><img alt="" src="https://img-blog.csdn.net/20
列表點選更改樣式
這一篇部落格是在上一篇gridview的基礎上改的。屬於功能增加,有興趣的可以看看 https://mp.csdn.net/postedit/82750123 其實點選更改樣式的邏輯很簡單,就是判斷點選的時候加個判斷即可。 1,xml <!--utils/gv/gv.
Vue.js指令小練習002 列表點選計算價格
需求如下: 分析: 點選li改變背景色加等於總價,再次點選還原背景色減等於總價。 程式碼: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>
Vue.js指令小練習001 列表點選變色
需求: 分析: 給li繫結一個背景色樣式,當你點選這個li的時候,這個li背景色的樣式生效,其他的li背景色樣式不生效 程式碼: <!DOCTYPE html> <html> <head> <meta charset="UTF-8
Flutter ListView 列表點選和網頁載入
上一篇講了使用ListView載入列表資料,本篇,我們講下列表項的點選,因為本篇的例子點選後是載入一個網頁,所以本篇也講下類似於Android的WebView和iOS的UIWebView載入網頁。效果如下: item點選 在Android中,您可以通過呼叫方法setOnClic
微信小程式實現給迴圈列表點選新增類(單項和多項)
在微信小程式裡面沒有DOM物件, 不能操作DOM. 所有的操作通過資料來實現,下面主要實現了給迴圈列表點選新增類的操作 一、單項 目標需求:實現下圖,給點選的view增加類,每次只能選擇一個。 主要思路:給點選的view增加類,
Vue.js指令小練習001 列表點選計算價格
需求如下: 分析: 點選li改變背景色加等於總價,再次點選還原背景色剪等於總價。 程式碼: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> &l
js 點選列表li,獲得當前li的id
html <ul id="demo"> <li id="li-1">li1</li> <li id="li-2">li2</li> <li id="li-3">li3</li> <li id="li-4">li4
高德地圖api 點聚合+海量點+點選事件(根據地區或座標進行定位)
<!doctype html> <html lang="zh-CN"> <head> <!-- 原始地址://webapi.amap.c
a標籤 CSS樣式 滑鼠懸停、點選、點選後、選定
<head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <style type="text/css"> a:link { color: #0
今日總結 betterscroll使用 購物頁列表點選與滑動
cnpm install better-scroll --save //安裝 import BScroll from 'better-scroll' //呼叫 <div class="left" ref="menuWrapper"> // 寫入ref
js實現『載入更多』功能例項 & 點選列表跳轉到詳情頁(tap)
寫在前面: 實際操作過程中,因為要用ajax去請求很多次資料,所以效能方面肯定會打折扣,拼接資料也是很麻煩,對於列表資料比較多的情況,寫起來不方便,也不好修改維護,不過功能實現很完整,我正在考慮去看看Vue裡面不用修改v-for嘗試著讓它在陣列上面做文章。 h5專案裡需要實現簡單的分頁功
微信小程式--(5-1)點選列表item,把item上面顯示的所有資料,傳遞到另外一個頁面
1,WXML頁面 其實很簡單,由於本人是小白,所以記錄一下。 <view class="item_width weui-pa" wx:for="{{itemsData}}" wx:key=""> <view class="weui-medi
【JavaScript】點選那個按鈕,那個按鈕變色,其他方案
author:咔咔 wechat:fangkangfk 方案: 1.先將第一次顯示的給給預設樣式,也就是新增checked的class 2.如果點選了之後傳遞一個引數給後臺,後臺assign到前端,使用引數判斷,根據引數就可以判斷誰需要加checked
tableViewCell列表點選展開顯示二級列表
之前在網上看到過這種的,都是封裝的或者是用的第三方,這是自己寫的,有興趣大家也可以把他封裝起來留著自己用; #import "ViewController.h" #define WIDTH [UIS
vue實現動態列表 點選 各行換色
只是模擬一練習 v-for v-on v-bind的一個簡單demo程式碼思路:遍歷出data裡面的資料 v-for給li加點選事件繫結class樣式 怎麼控制樣式的顯示 通過 class的控制 v:bind:class={class:index==變數} 下標和
小程式點選事件,新增class樣式
業務場景:點選對應的積分的時候,給加上顏色 實現方案:首先這三個積分型別是datas迴圈出來的,我們需要使用小程式的data-來自定義屬性,在點選不同型別的時候,獲取到對應的id,將這個id拿到js那邊重新附一個值isSelect,在進行判斷isSelect跟迴圈的
小程式 列表點選變色
工作日誌 隨手筆記 僅供參考通過點選時候判斷點選的是哪一個,然後判斷item ==shopitem 使之變色<view class='shop_list' > <view class="shop_item{{item == shopitem?