masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial js > 原生js实现改变随意改变div属性style的名称和值的结果_javascript技巧

原生js实现改变随意改变div属性style的名称和值的结果_javascript技巧

WBOY
Lepaskan： 2016-05-16 17:21:08
asal
1456 orang telah melayarinya

一些简单的例子，用原生js和jQuery实现随意改变div属性，和重置。代码如下：

复制代码 代码如下:





函数传参，改变Div任意属性的值












在上方输入框输入"属性名"及"属性值"，点击确定按钮查看效果。




$(function(){
$("button:first").click(function(){
var styleName= $("#outer").find("input:first").val();
var styleVal = $("#outer").find("input:last").val();
$("#div1").css(styleName,styleVal);
})
$("button:last").click(function(){
$("#div1").removeAttr("style");
})
})










在上方输入框输入"属性名"及"属性值"，点击确定按钮查看效果。



Label berkaitan：
div属性 style名称和值
sumber：php.cn
Artikel sebelumnya：jquery $.each 和for怎么跳出循环终止本次循环_jquery Artikel seterusnya：jquery判断RadioButtonList和RadioButton中是否有选中项示例_jquery
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
Gerakkan kandungan ke kiri dengan menambahkan sifat Width Saya telah memberikan margin kepada badan. utama {margin kiri: 200px; jidar kanan: 200px p...
daripada 2024-04-06 22:01:35
0
3
816
Bagaimana untuk membuat elemen terapung disusun secara menegak dan bukannya secara mendatar dalam CSS? Saya cuba membuat halaman web dengan dua lajur, dengan kandungan utama di satu pihak dan k...
daripada 2024-04-06 20:45:26
0
2
386
Kira jumlah medan dalam jadual lain menggunakan pertanyaan MySQL SQL Saya mempunyai skema seperti ini: Jadual pengguna dengan atribut "user_id" dan &...
daripada 2024-04-06 19:39:29
0
1
441
Gaya CSS tidak digunakan pada tapak Saya sedang membuat tapak web menggunakan Bootstrap5 tetapi sifat index.css tidak digunaka...
daripada 2024-04-06 17:12:23
0
1
336
Cara menukar sifat tatasusunan bersarang JSON "id_projek" dan "nama_projek" 问题：[{"project_id":1,"project_name":"CDP","role":&q...
daripada 2024-04-06 15:39:51
0
1
466
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