﻿
{"id":4500,"date":"2016-06-20T17:46:24","date_gmt":"2016-06-20T17:46:24","guid":{"rendered":"http:\/\/www.gencayyildiz.com\/blog\/?p=4500"},"modified":"2016-06-20T17:46:24","modified_gmt":"2016-06-20T17:46:24","slug":"jquery-prop-fonksiyonunun-kullanimi","status":"publish","type":"post","link":"https:\/\/www.gencayyildiz.com\/blog\/jquery-prop-fonksiyonunun-kullanimi\/","title":{"rendered":"jQuery prop Fonksiyonunun Kullan\u0131m\u0131"},"content":{"rendered":"<div id=\"fb-root\"><\/div>\n<p>jQuery ile elimizdeki html elemanlar\u0131na \u00f6zellik ekleyip &#8211; \u00e7\u0131karma i\u015flemini yapmam\u0131z\u0131 sa\u011flayan prop fonksiyonu \u00fczerine konu\u015faca\u011f\u0131z. <\/p>\n<p>Hemen prototipine bakarsak;<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n            $(&quot;eleman&quot;).prop(&quot;\u00f6zellik&quot;, &quot;de\u011fer&quot;);\r\n<\/pre>\n<p>\u015feklinde kullan\u0131m ile verilen \u00f6zelli\u011fe kar\u015f\u0131l\u0131k de\u011fer girilecektir.<\/p>\n<p>E\u011fer a\u015fa\u011f\u0131daki gibi bir prototip kullan\u0131rsak;<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n            $(&quot;eleman&quot;).prop(&quot;\u00f6zellik&quot;);\r\n<\/pre>\n<p>mevcut eleman\u0131n \u00f6zelli\u011findeki de\u011feri bize getirecektir.<\/p>\n<p>\u015eimdi \u00f6rneklendirelim&#8230;<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n&lt;div id=&quot;dv&quot;&gt;\r\n    &lt;img src=&quot;http:\/\/icons.iconarchive.com\/icons\/paomedia\/small-n-flat\/24\/sign-check-icon.png&quot; id=&quot;imgResim&quot; \/&gt;&lt;br \/&gt;\r\n    &lt;input type=&quot;submit&quot; value=&quot;Submit&quot; id=&quot;btnSubmit&quot; \/&gt;\r\n&lt;\/div&gt;\r\n\r\n&lt;script type=&quot;text\/javascript&quot;&gt;\r\n    $(document).ready(function () {\r\n        var img = $(&quot;#imgResim&quot;);\r\n        var submit = $(&quot;#btnSubmit&quot;);\r\n        img.click(function () {\r\n            \/\/disabled \u00f6zelli\u011finin de\u011ferini elde ediyoruz.\r\n            var Durum = submit.prop(&quot;disabled&quot;);\r\n\r\n            if (Durum)\r\n                \/\/disabled \u00f6zelli\u011fine de\u011fer at\u0131yoruz.\r\n                submit.prop(&quot;disabled&quot;, false);\r\n            else\r\n                \/\/disabled \u00f6zelli\u011fine de\u011fer at\u0131yoruz.\r\n                submit.prop(&quot;disabled&quot;, true);\r\n        });\r\n    });\r\n&lt;\/script&gt;\r\n<\/pre>\n<p>A\u015fa\u011f\u0131daki gibi lalettayin bir \u00f6zellik atayabilir ve de\u011ferini okuyabilirsiniz.<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n&lt;div id=&quot;dv&quot;&gt;\r\n    &lt;img src=&quot;http:\/\/icons.iconarchive.com\/icons\/paomedia\/small-n-flat\/24\/sign-check-icon.png&quot; id=&quot;imgResim&quot; \/&gt;&lt;br \/&gt;\r\n    &lt;input type=&quot;submit&quot; value=&quot;Submit&quot; id=&quot;btnSubmit&quot; \/&gt;\r\n&lt;\/div&gt;\r\n\r\n&lt;script type=&quot;text\/javascript&quot;&gt;\r\n    $(document).ready(function () {\r\n        var img = $(&quot;#imgResim&quot;);\r\n        var submit = $(&quot;#btnSubmit&quot;);\r\n        img.click(function () {\r\n            \/\/Lalettayin \u00f6zellik verilip, de\u011feri atand\u0131.\r\n            submit.prop(&quot;abc&quot;, &quot;123&quot;);\r\n            \/\/\u00dcstteki verilen \u00f6zelli\u011fin de\u011feri okunmaktad\u0131r.\r\n            alert(submit.prop(&quot;abc&quot;));\r\n        });\r\n    });\r\n&lt;\/script&gt;\r\n<\/pre>\n<p>\u0130yi \u00e7al\u0131\u015fmalar dilerim&#8230;<\/p>\n<!-- AddThis Advanced Settings generic via filter on the_content --><!-- AddThis Share Buttons generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"<p>jQuery ile elimizdeki html elemanlar\u0131na \u00f6zellik ekleyip &#8211; \u00e7\u0131karma i\u015flemini yapmam\u0131z\u0131 sa\u011flayan prop fonksiyonu \u00fczerine konu\u015faca\u011f\u0131z. Hemen prototipine bakarsak; $(&quot;eleman&quot;).prop(&quot;\u00f6zellik&quot;, &quot;de\u011fer&quot;); \u015feklinde kullan\u0131m ile verilen \u00f6zelli\u011fe kar\u015f\u0131l\u0131k de\u011fer girilecektir. E\u011fer a\u015fa\u011f\u0131daki gibi bir prototip&#46;&#46;&#46;<!-- AddThis Advanced Settings generic via filter on get_the_excerpt --><!-- AddThis Share Buttons generic via filter on get_the_excerpt --><\/p>\n","protected":false},"author":1,"featured_media":3401,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[748,1242,1243],"class_list":["post-4500","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-jquery","tag-jquery","tag-prop","tag-prop-fonksiyonu"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/4500","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=4500"}],"version-history":[{"count":0,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/4500\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/media\/3401"}],"wp:attachment":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/media?parent=4500"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/categories?post=4500"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/tags?post=4500"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}