{"id":145,"date":"2020-06-03T07:26:34","date_gmt":"2020-06-03T04:26:34","guid":{"rendered":"http:\/\/bahadirmeric.net\/bahadir\/?p=145"},"modified":"2020-06-03T07:34:56","modified_gmt":"2020-06-03T04:34:56","slug":"jquery-seciciler","status":"publish","type":"post","link":"http:\/\/bahadirmeric.net\/bahadir\/2020\/06\/03\/jquery-seciciler\/","title":{"rendered":"JQuery Se\u00e7iciler"},"content":{"rendered":"\n

JQuery taraf\u0131nda se\u00e7iciler dedi\u011fimizde obje, stil dosyalar\u0131 ve HTML tag\u2019lerinin se\u00e7ilmesinin sa\u011flanmas\u0131 anlam\u0131na gelir. <\/p>\n\n\n\n

ID Bazl\u0131 Nesne Se\u00e7mek :<\/strong><\/p>\n\n\n\n

JQuery taraf\u0131nda HTML\u2019 de ID verilip bir nesneyi a\u015fa\u011f\u0131daki \u015fekilde se\u00e7ebilirsiniz;<\/p>\n\n\n

\n<!DOCTYPE html>\n<html>\n<head>\n<script src="http:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.11.1\/jquery.min.js"><\/script>\n<script>\n$(document).ready(function(){\n  $("button").click(function(){\n    $("#test").hide();\n  });\n});\n<\/script>\n<\/head>\n<body>\n \n<h2>This is a heading<\/h2>\n<p>This is a paragraph.<\/p>\n<p id="test">This is another paragraph.<\/p>\n<button>Click me<\/button>\n \n<\/body>\n<\/html>\n<\/pre><\/div>\n\n\n
Stil Bazl\u0131 Nesne Se\u00e7mek :<\/strong><\/p>\n\n\n\n
JQuery ile belli stil tan\u0131mlamalar\u0131na g\u00f6re belli i\u015flemler yapt\u0131rmak i\u00e7in se\u00e7im yap\u0131labilir. \u00d6rnek olarak a\u015fa\u011f\u0131daki koda bak\u0131labilir;<\/p>\n\n\n
\n<!DOCTYPE html>\n<html>\n<head>\n<script src="http:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.11.1\/jquery.min.js"><\/script>\n<script>\n$(document).ready(function(){\n  $("button").click(function(){\n    $(".test").hide();\n  });\n});\n<\/script>\n<\/head>\n<body>\n \n<h2 class="test">This is a heading<\/h2>\n<p class="test">This is a paragraph.<\/p>\n<p>This is another paragraph.<\/p>\n<button>Click me<\/button>\n \n<\/body>\n<\/html>\n<\/pre><\/div>\n\n\n
HTML Bazl\u0131 Nesne Se\u00e7mek :<\/strong><\/p>\n\n\n
\n<!DOCTYPE html>\n<html>\n<head>\n<script src="http:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.11.1\/jquery.min.js"><\/script>\n<script>\n$(document).ready(function(){\n  $("button").click(function(){\n    $("p").hide();\n  });\n});\n<\/script>\n<\/head>\n<body>\n \n<h2>This is a heading<\/h2>\n<p>This is a paragraph.<\/p>\n<p>This is another paragraph.<\/p>\n<button>Click me<\/button>\n \n<\/body>\n<\/html>\n<\/pre><\/div>\n\n\n
this ile Nesne Se\u00e7imi :<\/strong><\/p>\n\n\n\n
JQuery ile this tan\u0131m\u0131 \u00e7a\u011fr\u0131ld\u0131\u011f\u0131 fonksiyona ait olan obje anlam\u0131na gelir ve o objenin ID yada NAME de\u011ferini yazmadan direkt ula\u015f\u0131m\u0131 sa\u011flar. A\u015fa\u011f\u0131daki \u00f6rnek baz al\u0131nabilir;<\/p>\n\n\n
\n<!DOCTYPE html>\n<html>\n<head>\n<script src="http:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.11.1\/jquery.min.js"><\/script>\n<script>\n$(document).ready(function(){\n  $("button").click(function(){\n    $(this).hide();\n  });\n});\n<\/script>\n<\/head>\n<body>\n \n<h2>This is a heading<\/h2>\n<p>This is a paragraph.<\/p>\n<p>This is another paragraph.<\/p>\n<button>Click me<\/button>\n \n<\/body>\n<\/html>\n<\/pre><\/div>\n\n\n
NAME Bazl\u0131 Nesne Se\u00e7imi :<\/strong><\/p>\n\n\n\n
JQuery nesneleri ID bazl\u0131 se\u00e7im d\u0131\u015f\u0131nda ID\u2019lere verilen isim(name) bazl\u0131 da se\u00e7im yapabilir. Fakat bunu do\u011fru bir \u015fekilde ger\u00e7ekle\u015ftirebilmesi i\u00e7in nesnelerin tiplerinin belirtilmesine ihtiya\u00e7 duyar. A\u015fa\u011f\u0131daki \u00f6rne\u011fi bir inceleyelim;<\/p>\n\n\n
\n<!doctype html>\n<html lang="en">\n<head>\n  <meta charset="utf-8">\n  <title>attributeEndsWith demo<\/title>\n  <script src="\/\/code.jquery.com\/jquery-1.10.2.js"><\/script>\n<\/head>\n<body>\n  \n<input name="newsletter">\n<input name="milkman">\n<input name="jobletter">\n  \n<script>\n$( "input[name='newsletter']" ).val( "a letter" );\n<\/script>\n  \n<\/body>\n<\/html>\n<\/pre><\/div>","protected":false},"excerpt":{"rendered":"
JQuery taraf\u0131nda se\u00e7iciler dedi\u011fimizde obje, stil dosyalar\u0131 ve HTML tag\u2019lerinin se\u00e7ilmesinin sa\u011flanmas\u0131 anlam\u0131na gelir.  ID Bazl\u0131 Nesne Se\u00e7mek : JQuery taraf\u0131nda HTML\u2019 de ID verilip bir nesneyi a\u015fa\u011f\u0131daki \u015fekilde se\u00e7ebilirsiniz; Stil Bazl\u0131 Nesne Se\u00e7mek : JQuery ile belli stil tan\u0131mlamalar\u0131na g\u00f6re belli i\u015flemler yapt\u0131rmak i\u00e7in se\u00e7im yap\u0131labilir. \u00d6rnek olarak a\u015fa\u011f\u0131daki…  Continue reading → <\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":13,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14],"tags":[7,4,15,6],"class_list":["post-145","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-jquery","tag-asp-net","tag-c","tag-jquery","tag-visual-studio"],"_links":{"self":[{"href":"http:\/\/bahadirmeric.net\/bahadir\/wp-json\/wp\/v2\/posts\/145","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/bahadirmeric.net\/bahadir\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/bahadirmeric.net\/bahadir\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/bahadirmeric.net\/bahadir\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/bahadirmeric.net\/bahadir\/wp-json\/wp\/v2\/comments?post=145"}],"version-history":[{"count":1,"href":"http:\/\/bahadirmeric.net\/bahadir\/wp-json\/wp\/v2\/posts\/145\/revisions"}],"predecessor-version":[{"id":146,"href":"http:\/\/bahadirmeric.net\/bahadir\/wp-json\/wp\/v2\/posts\/145\/revisions\/146"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/bahadirmeric.net\/bahadir\/wp-json\/wp\/v2\/media\/13"}],"wp:attachment":[{"href":"http:\/\/bahadirmeric.net\/bahadir\/wp-json\/wp\/v2\/media?parent=145"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/bahadirmeric.net\/bahadir\/wp-json\/wp\/v2\/categories?post=145"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/bahadirmeric.net\/bahadir\/wp-json\/wp\/v2\/tags?post=145"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}