简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah> hujung hadapan web> tutorial js> teks badan

JQuery中选择器与DOM节点操作的实例详解

黄舟
Lepaskan： 2017-09-30 11:37:42
asal
1181 orang telah melayarinya

下面小编就为大家带来一篇JQuery 选择器、DOM节点操作练习实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

一、练习一

1、需求效果分析：

2、代码示例：


       
  
隔壁 Java 老师 很肥
 
隔壁Java 老师 很胖
 
隔壁Java 老师 很呆萌
 
隔壁Java 老师 爱捡肥皂
 
隔壁Java 老师 爱撒娇
 
隔壁Java 老师 装嫩
 
隔壁Java 老师 肾虚
 
隔壁Java 老师 等等
 
隔壁Java 老师 很肥
 
隔壁Java 老师 很肥
 
隔壁Java 老师 很肥
 
隔壁Java 老师 很肥
 
隔壁Java 老师 很肥
 
隔壁Java 老师 很肥
 
隔壁Java 老师 很肥
 
隔壁Java 老师 很肥
 
隔壁Java 老师 很肥
 
隔壁Java 老师 很肥
 
隔壁Java 老师 很肥
 
隔壁Java 老师 很肥
Salin selepas log masuk

二、练习二

1、效果分析：

2、代码示例


        
  
     
  •  中国 
    台湾
     
    钓鱼岛
     
    北京
     
    •  
  •  米国 
    华盛顿
     
    洛杉矶
     
    •  
  •  韩国 
    首尔
     
    釜山
     
    济州岛
     
    •
Salin selepas log masuk

三、练习三

1、效果分析

2、代码示例


        
  
 点击我让所有id为mybox的元素边框该为：5px dotted green=》提示 $().css("border","5px dotted green") 
 
 点击我让所有class=red的元素边框该为：5px dotted green 
 
 点击我让所有p的元素边框该为：5px dotted green 
 
 点击我让id为mybox的元素、p元素边框该为：5px solid green 
 
 点击我隐藏除了我以外所有的兄弟元素 
 
我是段落...
Salin selepas log masuk

Atas ialah kandungan terperinci JQuery中选择器与DOM节点操作的实例详解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
jquery 实例 选择器
sumber：php.cn
Artikel sebelumnya：jQuery实现左右轮播图效果的分享 Artikel seterusnya：Javascript异步编程的4种方法介绍
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Langkah-langkah untuk memasang jQuery dalam Nuxt.js Walaupun saya cuba menambah jQuery dalam projek saya, saya mendapat ralat mengatakan ia ti...
daripada 2023-11-06 16:41:50
0
1
225
jQuery mendapat nilai yang salah apabila mendapat atribut data Saya mempunyai div dengan atribut data
...
daripada 2023-11-01 23:01:19
0
1
209
Sokong Pemindahan-Pengekodan jQuery:chunked Saya seorang pembangun web. Dalam skrip saya, saya menggunakan header() untuk menetapkan &...
daripada 2023-10-25 23:44:37
0
1
230
Bagaimana untuk mendapatkan dimensi semula jadi imej menggunakan JavaScript atau jQuery? Setakat ini saya mempunyai kod ini: varimg=document.getElementById('draggable'); varwidth=...
daripada 2023-10-21 13:53:08
0
2
275
Kembangkan kawasan teks secara automatik Saya cuba membuat kawasan teks pengembangan automatik yang mudah. Ini kod saya: textarea.o...
daripada 2023-10-21 08:49:23
0
2
225
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！