Artikel

Home > Artikel
 

 

Dapatkah Nilai Properti CSS Bisa Diakses Melalui jQuery


Diposting : 2017-03-07 oleh : WebHozz

Halo sobat Webhozz berjumpa lagi dengan saya, kali ini saya ingin membagikan artikel mengenai Dapatkah Nilai Properti CSS Bisa Diakses Melalui jQuery. Tanpa berlama-lama lagi langsung aja yuk kita masuk ke pembahasan artikelnya  sobat Webhozz. Jawabannya Ya bisa, mengakses CSS melalui jQuery sangat mudah dilakukan. Hal ini dikerjakan dengan menggunakan metode css().  Contoh dapat dilihat di bawah ini :

<!DOCTYPE  html  PUBLIC  “-//W3C//DTD XHTML 1.0 Transitional//EN”

http://www.w3.org/TRxhtml1/DTD/xhtml1-transitional.dtd>

<html>’ ,

<head>

<title>Mengatur CSS</title>

<script  type=” text/javascript “

                src=”jquery-1.5.1.min.js”></jva==/script>

<script  type=” text / javascript “ >

       $ ( document ) . ready (function ()    {

                alert ( “Klik  tombol  OK” )

                $ ( “ # info-a “ ) . css ( “ color “ ,   “ blue “ ) ;

                $ ( “ # info-b “ ) . css ( (

                                                          “background=color” :      “grey” ,

                                                          “border-style” :    “ solid “ ,

                                                          “width” :    “200px” ,

                                                          “height” :    “50px”

                } ) ;

           } ) ;

</script>

</head>

<body>

            <div  id= “ info-a “ >Alif< / div >

            <div  id= “ info-b “ >Bata< / div >

< / body >

< / html >

 

Pada aturcss.html, kode :

                $ ( “ # info – a “ ) . css ( “color” ,    “ blue “ ) ;

Dipakai untuk mengisikan blue ke properti CSS bernama color yang dikarenakan pada elemen ber-ID “info-a”, yang berimplikasi pada warna teks. Adapun

                $ ( “ info-b” ) . css ( {

                                                      “background-color” :     “grey” ,

                                                      “border-style“ :     “solid” ,

                                                      “width” :     “200px” ,

                                                      “height” :     “50px”

                } ) ;

Dipakai mengatur sejumlah properti yang ikenakan kepada elemen ber-ID “info-b”.

Perhatikan, pengaturan properti diletakkan di dalam tanda { }. Penjelasan pengaturan properti tersebut dapat dilihat di bawah ini :

·         Properti background-color yang iisi “grey” digunakan untuk mengatur warna latar-belakang berupa abu-abu.

·         Properti border-style yang diisi “solid” dipakai untuk menampilkan kotak.

·         Properti width yang diisi dengan “200px” digunakan untuk mengatur lebar elemen sebesar 200 pixel.

·         Properti height yang diisi dengan “50px” digunakan untuk mengatur tinggi elemen sebesar 50 pixel.

 

 

Nah sobat Webhozz itulah pembahasan singkat mengenai Dapatkah Nilai Properti CSS Bisa Diakses Melalui jQuery. Semoga pembahasan singkat artikel ini dapat membantu sobat Webhozz semua dalam mempelajari jQuery, dan juga dapat menambah pengetahuan sobat Webhozz semua. Sampai berjumpa lagi pada pembahasan artikel-artikel lainnya yang tentunya lebih menarik lagi.




Tag : kursus android, kursus web, kursus web design, kursus php, kursus website, lenovo, woocommerce, windows, excel, xampp, php, mysql, twitter, analytic, adwords, google, maps, seo, jquery, slider, browser, game, transition, animation, whatsapp, desktop, wireframe, desain, vps, css, aplikasi, html, javascript, captcha, form, kode, kaskus, autoscroll, codeigniter, processor, bootstrap, ios, wordpress, div, span, lollypop, background, marquee, behaviour, plugin, chaton, bitcoin, opencart, payment, post, get, tooltip, button, silverlight, webmaster, phonegap, facebook, html5, swicth, sass, bbm, alert, mvc, fungsi, mobile, loading, nokia, template, traffic, laravel, yii, jquerymobile, blogger, adobe, baidu, hosting, font, server, input, sticky, menu, tokoonline, prestashop, joomla, java, yahoo, angular, microsoft, responsive, generator, visitor, counter, flatdesign, kursus web design jakarta, kursus web design bandung, kursus website bandung, kursus php bandung, kursus android bandung, kursus java bandung, kursus web bandung, Aplikasi Ramadhan, Cara Membuat Website, Tempat Kursus Website Bandung, Manfaat Internet, Menggunakan Wireframe Web, multikolom, horizontal, ym, toko online, controllers, optimalisasi, landing page, DOM, multikolom, horizontal, ym, toko online, controllers, optimalisasi, landing page, DOM, kursus web jogja, kursus website jogja, kursus web design jogja, kursus web programming jogja, kursus php jogja, kursus android jogja, kursus android programming jogja, kursus java jogja, kursus webmaster jogja, kursus codeigniter jogja, kursus wordpress jogja, kursus seo jogja, kursus vb jogja, kursus sql server jogja, kursus game jogja, kursus website jakarta, kursus web design jakarta, kursus web programming jakarta, kursus webmaster jakarta, kursus php jakarta, kursus wordpress jakarta, kursus android jakarta, kursus seo jakarta, kursus java jakarta, kursus sql server jakarta, framework cordova, mengenal framework cordova, apa itu cordova, membuat aplikasi android dengan cordova, cordova android, aplikasi hybrid android, cordova vs phonegap, Kursus Website Surabaya, Kursus Web Design Surabaya, Kursus Webmaster Surabaya, Kursus PHP Surabaya, Kursus Wordpress Surabaya ,