<\/div>\n
jQuery ile bir nesnenin html tag\u0131n\u0131n<\/a>, id \u00f6zelli\u011finin<\/a> ve class de\u011ferinin<\/a> style yap\u0131lar\u0131na m\u00fcdahale etmeyi belirtilen adreslerdeki makalelerde de\u011finmi\u015ftik.Bu yaz\u0131m\u0131zda ise bir nesnenin CSS \u00f6zelli\u011fine ula\u015fmay\u0131 ele alaca\u011f\u0131z.
\n<\/p>\n
Yaz\u0131m\u0131za direkt olarak a\u015fa\u011f\u0131daki \u015femadan giri\u015f yapmak istiyorum.<\/p>\n
\r\n<html>\r\n<head>\r\n<\/head>\r\n<body>\r\n<div style="font-size:14px;"><\/div>\r\n<\/body>\r\n<\/html>\r\n<\/pre>\nYukar\u0131daki kod blo\u011funda g\u00f6rd\u00fc\u011f\u00fcn\u00fcz “div” nesnesinin “font-size” \u00f6zelli\u011fi “14px” olarak ayarlanm\u0131\u015ft\u0131r.\u015eimdi bu nesnenin bu CSS \u00f6zelli\u011fini jQuery ile okuyal\u0131m.<\/p>\n\r\n<html>\r\n<head>\r\n<meta http-equiv="Content-Type" content="text\/html; charset=utf-8" \/>\r\n<script type="text\/javascript" src="js\/jquery-2.0.2.min.js"><\/script>\r\n<script type="text\/javascript">\r\n$("document").ready(function(e) {\r\n    var CSSDegeri = $("div").css("font-size");\r\n\talert(CSSDegeri);\r\n});\r\n<\/script>\r\n<\/head>\r\n<body>\r\n<div style="font-size:12px;"><\/div>\r\n<\/body>\r\n<\/html>\r\n<\/pre>\nG\u00f6rd\u00fc\u011f\u00fcn\u00fcz gibi sayfa y\u00fcklendi\u011fi esnada “$” operat\u00f6r\u00fc sayesinde “div” tag\u0131m\u0131za ula\u015f\u0131yor ve “css” metoduyla “font-size” \u00f6zelli\u011finin de\u011ferini elde ediyoruz.<\/p>\nChrome taray\u0131c\u0131s\u0131nda bu kodu \u00e7al\u0131\u015ft\u0131r\u0131rsak e\u011fer a\u015fa\u011f\u0131daki sonucu verecektir.
\n<\/a><\/p>\n
E\u011fer “div” nesnemizin “font-size” \u00f6zelli\u011fine “px” tipinden de\u011filde “pt” tipinden bir de\u011fer verirsek sonuc yine “px” tipinden elde edilecektir.<\/p>\n
\u00d6rnek olarak,<\/p>\n
\r\n<html>\r\n<head>\r\n<meta http-equiv="Content-Type" content="text\/html; charset=utf-8" \/>\r\n<script type="text\/javascript" src="js\/jquery-2.0.2.min.js"><\/script>\r\n<script type="text\/javascript">\r\n$("document").ready(function(e) {\r\n    var CSSDegeri = $("div").css("font-size");\r\n\talert(CSSDegeri);\r\n});\r\n<\/script>\r\n<\/head>\r\n<body>\r\n<div style="font-size:12pt;"><\/div>\r\n<\/body>\r\n<\/html>\r\n<\/pre>\n<\/a>
\nG\u00f6rd\u00fc\u011f\u00fcn\u00fcz gibi “12pt” de\u011ferine kar\u015f\u0131l\u0131k olarak “16px” de\u011feri gelmektedir.<\/p>\n
Burada de\u011finmek istedi\u011fim “pt” de\u011ferini “px” tipinden elde edebiliyor olmam\u0131zd\u0131r.<\/p>\n
\u00d6rneklerimizi farkl\u0131 CSS \u00f6zellikleriyle zenginle\u015ftirmek gerekirse e\u011fer,<\/p>\n
\r\n<html>\r\n<head>\r\n<meta http-equiv="Content-Type" content="text\/html; charset=utf-8" \/>\r\n<script type="text\/javascript" src="js\/jquery-2.0.2.min.js"><\/script>\r\n<script type="text\/javascript">\r\n$("document").ready(function(e) {\r\n    var CSSDegeri = $("div").css("font-size");\r\n    var CSSDegeri2 = $("div").css("width");\r\n\talert(CSSDegeri2);\r\n});\r\n<\/script>\r\n<\/head>\r\n<body>\r\n<div style="font-size:12pt;width:150px;"><\/div>\r\n<\/body>\r\n<\/html>\r\n<\/pre>\n<\/a>
\nG\u00f6rd\u00fc\u011f\u00fcn\u00fcz gibi istedi\u011fimiz CSS \u00f6zelli\u011finin de\u011ferine eri\u015febilmekteyiz.<\/p>\n
Sonraki yaz\u0131lar\u0131mda g\u00f6r\u00fc\u015fmek \u00fczere…
\n\u0130yi \u00e7al\u0131\u015fmalar diliyorum…<\/p>\n","protected":false},"excerpt":{"rendered":"
jQuery ile bir nesnenin html tag\u0131n\u0131n, id \u00f6zelli\u011finin ve class de\u011ferinin style yap\u0131lar\u0131na m\u00fcdahale etmeyi belirtilen adreslerdeki makalelerde de\u011finmi\u015ftik.Bu yaz\u0131m\u0131zda ise bir nesnenin CSS \u00f6zelli\u011fine ula\u015fmay\u0131 ele alaca\u011f\u0131z.<\/p>\n","protected":false},"author":1,"featured_media":3014,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[18,19],"tags":[685,251,748],"class_list":["post-3025","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript","category-jquery","tag-685","tag-css","tag-jquery"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/3025","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/comments?post=3025"}],"version-history":[{"count":0,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/3025\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/media\/3014"}],"wp:attachment":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/media?parent=3025"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/categories?post=3025"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/tags?post=3025"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}