简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim > Web-Frontend > js-Tutorial > Hauptteil

Jquery使用css方法改变样式实例_jquery

WBOY
Freigeben： 2016-05-16 15:58:28
Original
1124 Leute haben es durchsucht

本文实例讲述了Jquery使用css方法改变样式。分享给大家供大家参考。具体实现方法如下：

<!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>Jquery css方法</title>
<style type="text/css">
div{width:100px;margin:0px auto;border:1px solid red;}
</style>
<script src="jquery-1.6.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
  $("#btnChangeCss").click(function () {
    var $divs = $("div"); //返回JQuery对象，包含两个div元素
    //----举例1
    //alert("Div 的 Border样式:" + $divs.css("border-color"));
    //读取css样式
    //----举例2
    //$divs.css("backgroundColor", "#ccff66");
    //设置两个div元素的背景颜色
    //----举例3  链式设置三个个css属性
    $divs.css("width","500px").css("background-color", "#ffff00").css("font-size", "88px");
  });
});
</script>
</head>
<body>
<input id="btnChangeCss" type="button" value="改变样式" />
<div id="div1">我是div1</div>
<div id="div2">我是div2</div>
</body>
</html>
Nach dem Login kopieren

希望本文所述对大家的jQuery程序设计有所帮助。

Verwandte Etiketten：
jquery 改变样式
Quelle：php.cn
Vorheriger Artikel：7个有用的jQuery代码片段分享_jquery Nächster Artikel：js实现字符串转日期格式的方法_javascript技巧
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
Schritte zum Installieren von jQuery in Nuxt.js Obwohl ich versuche, jQuery in mein Projekt einzufügen, erhalte ich die Fehlermeldung, das...
Aus 2023-11-06 16:41:50
0
1
225
jQuery erhält beim Abrufen des Datenattributs einen falschen Wert Ich habe ein Div mit dem Datenattribut <divclass='p1'data-location='1'></div>....
Aus 2023-11-01 23:01:19
0
1
209
Unterstützen Sie jQuerys Transfer-Encoding:chunked Ich bin Webentwickler. In meinem Skript verwende ich header(), um „Transfer-Encoding:chunk...
Aus 2023-10-25 23:44:37
0
1
230
Wie erhalte ich mit JavaScript oder jQuery die natürlichen Abmessungen eines Bildes? Bisher habe ich diesen Code: varimg=document.getElementById('draggable'); varwidth=img.cli...
Aus 2023-10-21 13:53:08
0
2
275
Textbereich automatisch erweitern Ich versuche, einen einfachen Textbereich mit automatischer Erweiterung zu erstellen. Dies...
Aus 2023-10-21 08:49:23
0
2
225
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！