<\/div>\n
jQuery ile html nesnelerinin style yap\u0131lar\u0131na rahatl\u0131kla m\u00fcdahale edebiliyor ve hatta CSS \u00f6zelliklerindeki de\u011ferleri okuyabiliyorduk.Peki bir html nesnesi i\u00e7inde bulunan farkl\u0131 ya da benzer ba\u015fka bir nesnenin style yap\u0131s\u0131na nas\u0131l m\u00fcdahale edilebilir diye merak ediyorsan\u0131z bu yaz\u0131m\u0131zda sorunuza cevap bulabilirsiniz.
\n<\/p>\n
\r\n<html>\r\n<head>\r\n<\/head>\r\n<body>\r\n<input id="Tikla" type="submit" value="T\u0131kla" \/>\r\n<div id="AnaNesne">\r\n\r\n<input id="AltNesne1" type="month" value="Ay" \/>\r\n<br>\r\n<a id="AltNesne2" href="#">Link<\/a>\r\n\r\n<\/div>\r\n<\/body>\r\n<\/html>\r\n<\/pre>\nYukar\u0131daki kod blo\u011funu incelerseniz e\u011fer bir adet “AnaNesne” id de\u011ferine sahip bir “div” nesnesi mevcuttur.Bu “div” nesnesi i\u00e7erisinde birer adet “AltNesne1” id de\u011ferine sahip “input” nesnesi ve “AltNesne2” id de\u011ferine sahip “a” nesnesi mevcuttur.<\/p>\n
\u015eimdi “Tikla” id de\u011ferine sahip butonumuza t\u0131kland\u0131\u011f\u0131 anda “AnaNesne” id de\u011ferine sahip “div” nesnemizin i\u00e7indeki bulunan iki nesnemizinde jQuery ile style yap\u0131lar\u0131na m\u00fcdahale edelim.<\/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\nfunction Tikla()\r\n{\r\n\t$("#AnaNesne input").css("width",250);\r\n\t$("#AnaNesne a").css("font-size",50);\r\n\t}\r\n<\/script>\r\n<\/head>\r\n<body>\r\n<input onClick="Tikla();" id="Tikla" type="submit" value="T\u0131kla" \/>\r\n<div id="AnaNesne">\r\n\r\n<input id="AltNesne1" type="month" value="Ay" \/>\r\n<br>\r\n<a id="AltNesne2" href="#">Link<\/a>\r\n\r\n<\/div>\r\n<\/body>\r\n<\/html>\r\n<\/pre>\nYukar\u0131daki kodun mant\u0131\u011f\u0131 olduk\u00e7a basit oldu\u011fundan dolay\u0131 a\u00e7\u0131klamaya l\u00fczum g\u00f6rm\u00fcyorum.\u00d6rne\u011fi incelemeniz ve bir kereye mahsus tatbik etmeniz olay\u0131 idrak etmeniz i\u00e7in yeterli olacakt\u0131r.<\/p>\n
\u0130yi \u00e7al\u0131\u015fmalar dilerim…<\/p>\n","protected":false},"excerpt":{"rendered":"
jQuery ile html nesnelerinin style yap\u0131lar\u0131na rahatl\u0131kla m\u00fcdahale edebiliyor ve hatta CSS \u00f6zelliklerindeki de\u011ferleri okuyabiliyorduk.Peki bir html nesnesi i\u00e7inde bulunan farkl\u0131 ya da benzer ba\u015fka bir nesnenin style yap\u0131s\u0131na nas\u0131l m\u00fcdahale edilebilir diye merak...<\/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":[748],"class_list":["post-3033","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript","category-jquery","tag-jquery"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/3033","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=3033"}],"version-history":[{"count":0,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/3033\/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=3033"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/categories?post=3033"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/tags?post=3033"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}