調用ID,但我想知道如何存儲在局部變量的id
並調用相同的功能,就位img1
我必須使用局部變量。這是任何可能性。
回答
您最好保存對象而不是id,因爲您需要一次又一次地通過id獲取元素。
var img1Obj1 = $('#img1'); //jQuery object
var img1Obj2 = $('#img1')[0]; // DOM javascript object
他想使用id而不是整個元素。 – 2013-02-12 07:22:45
降票的原因? – Adil 2013-02-12 09:37:17
如果人們也給出了反對票的理由,那會更好,也更有幫助。 – 2013-02-12 11:42:18
是肯定,但需要相應地調整代碼來設置背景圖片
var img1 = $("#img1")
img1.css("background-image","/Picture1.jpeg");
var images = $("#img1");
,或者也可以使用
var images_obj=form_name.element_name;
var yourVar= $("#img1").attr("id");
通常$.img1.backgroundImage = "/Picture1.jpeg"
會因爲jQuery沒有填充它是無稽之談自我與在頁面上引用帶有ID的所有元素的屬性。
轉換,要使用的,而不是一個標識符的變量(假設var foo = 'img1';
爲所有下面的例子利益)將
$[foo].backgroundImage = "/Picture1.jpeg";
(這相當於原來的代碼,但因爲我不會期望原來的工作,這不會)。
實際設置的backgroundImage
財產JS你會:
document.getElementById(foo).style.backgroundImage = "url(/Picture1.jpeg)";
,或者如果你正在一個jQuery迷:
jQuery('#' + foo).css('background-image', 'url(/Picture1.jpeg)');
我想你想改變的背景圖像的CSS屬性由id選擇的元素,誰在本地變量中?
var yourid = "img1";
$('#' + yourid).css('background-image', '/Picture1.jpeg');
- 1. operator <<:std :: cout << i <<(i << 1);
- 2. << <<超載
- 3. 的Rails搞亂我的代碼以「<<<<<<< HEAD」
- 4. 使用>>,>,> |,||,| <,<,<<,<<
- 5. 什麼意思的符號在java中「<<<」「<< =」「<<」
- 6. <%$,<%@,<%=,<%#...這是怎麼回事?
- 7. 的MySQL/PHP:<code>id</code>,<code>name</code>,<code>category</code>和一個<code>ratings</code>表列:<code>id</code>,<code>item</code>,<code>rating</code>如何使用JOIN語句
- 8. 如何刪除</p> <pre><code><div id="invoice"></div> <div id="claim"></div> <div id="draft"></div> </code></pre> <p>通過隱藏層
- 9. PHP操作<<<
- 10. print <<< HTML in php?
- 11. PHP表達<<< EOB
- 12. HTML標記:<<< HTML
- 13. 浮動元素<br /><br /><br /><br /><br /\><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
- 14. 時輸出不Xquery's</p> <pre><code>name(/Data/element1/element2[@ID=$ID]), </code></pre> <p>和</p> <pre><code>/Data/element1/element2[@ID=$ID]/name() </code></pre> <p>哪之間的序列
- 15. 在<和<=
- 16. cout << stringstream
- 17. Overloading << C++
- 18. 製作一個std :: funtion如果我有兩個功能</p> <pre><code>void foo() { std::cout << 1 << std::endl; } void bar() { std::cout << 2 << std::endl; } </code></pre> <p>指向兩個函數C++
- 19. 超載<<我
- 20. 像</p> <pre><code>Component { id: movie_delegate MovieListItem { movie: movie } } </code></pre> <p>內的JavaScript
- 21. ExtJS的 - <em>ID</em>,<em>名</em>,<em>文本</em> - 網格
- 22. 如</p> <p><code><p>This is text </p></code>或<code><div></code>或<code>This is text</code></p> <p>使用<code>XmlPullParser</code>檢索URL
- 23. 如何追加合併兩個值中的jQuery <UL ID = 「MYLIST」><li><a >First</a><a>二</a></li></ul>
- 24. 如何<li><a></a></li>
- 25. 結果cout <<「Hello」+ 1 << endl; (C++)
- 26. 如何使操作符的左操作數<<一個函數?</p> <pre><code>Integer obj; obj << 5 << 3 << 2; </code></pre> <p>精細:
- 27. 的Grails:前</p> <pre><code><g:if test="${foo.bar}"> </code></pre> <p>和</p> <pre><code><g:if test="\${foo.bar}"> </code></pre> <p>使用 「\」 的真正爲例:\ $ {}和$ {}
- 28. 額外<<<<<<< HEAD來自每個空格時從到位桶混帳文件拉
- 29. self.class_eval << DEF ... DEF
- 30. <script></script> or <script />?
是的,不應該是$('#img1')。backgroundImage? – 2013-02-12 07:20:11
var a =「#img1」; $(a).css(「backgrround-image」,your_image); – 2013-02-12 07:21:23
@God:對不起,但我不明白,你爲什麼要設置一個圖像元素的圖像背景。 – 2013-02-12 07:24:11