,
UGG AUSTRALLIA
| Back to logs list
56358 2010 年 05 月 10 日 11:16 Reading (loading. ..) Comments (0) Category: Personal Diary
1. prohibiting right-click
1. $ (document). ready (function () {
2. $ (document). bind (\; return false;
4.} );
5.});
2. Hide the search text box text
1. ; $ (document). ready (function () {
2. $ (\your search text here \
4.});
5.
6. function textFill (input) {/ / input focus text function
7. var originalvalue = input.val ();
8. input. focus (function () {
9. if ($. trim (input . val ()) == originalvalue) {input.val ('');}
10.});
11. input.blur (function () {
12. ; if ($. trim (input.val ()) =='') {input.val (originalvalue);}
13.}) ;
14.}
3. Open link in a new window
1. $ (document). ready (function () {
2. / / Example 1: Every link will open in a new window
3. $ ('a [href ^=\;
4.
5. / / Example 2: Links with the rel = \= 'external']'). click (function () {
7. this.target = \});
10. / / how to use
11.
4. Detect browser Note: In versions of jQuery 1.4 in, $. support replace the $. browser variables.
1. $ (document). ready (function () {
2. / / Target Firefox 2 and above
3. if ($. browser.mozilla & & $. browser.version> = \
4. / / do something
5. ;}
6.
7. / / Target Safari ;
8. if ($. browser.safari) {
9. / / do something
10.}
11.
12. ; / / Target Chrome
13. if ($. browser.chrome) {
14. / / do something
15.}
16.
17. / / Target Camino
18. if ($. browser.camino) {
19. / / do something
20. }
21.
22. / / Target Opera
23. if ($. browser . opera) {
24. / / do something
25.}
26 .
27. / / Target IE6 and below
28. if ($. browser.msie & & $. browser . version 6) {
34. / / do something
35.} ;
36.});
5. pre-load the image
1. $ (document). ready ( function () {
2. jQuery.preloadImages = function ()
3. ; {
4. for (var i = 0; i \;};
7. / / how to use
8. ; $. preloadImages (\
1. $ (document). ready (function () {
2. ; $ (\; / / swicth the LINK REL attribute with the value in A REL attribute
4. ; $ ('link [rel = stylesheet]'). attr ('href', $ (this). attr ('rel'));
5. ;});
6. / / how to use ;
7. / / place this in your header
8. Red Theme
12. tallest) {
7. ; tallest = thisHeight;
8. }
9.});
10. group.height (tallest);
11.}
12. / / how to use
13. $ (document). ready (function () {
14. equalHeight ($(\);
15. equalHeight ($(\
17.});
8. Dynamic Control page the user can change the page font size font size
1. $ (document). ready (function () {
2. ; / / Reset the font size (back to default)
3. var originalFontSize = $ ('html'). css ('font-size');
4. $ (\{
5. $ ('html'). css ('font-size', originalFontSize);
6.});
7. ; / / Increase the font size (bigger font0
8. $ (\
9. var currentFontSize = $ ('html'). css ('font-size');
10. var currentFontSizeNum = parseFloat (currentFontSize, 10);
11. var newFontSize = currentFontSizeNum * 1.2;
12. $ ('html'). css ('font-size', newFontSize);
13. return false;
14.});
15. ; / / Decrease the font size (smaller font)
16. $ (\
17. var currentFontSize = $ ('html'). css ('font-size');
18. ; var currentFontSizeNum = parseFloat (currentFontSize, 10);
19. var newFontSize = currentFontSizeNum * 0.8;
20. $ ('html'). css ('font-size', newFontSize);
21. ; return false;
22.});
23.});
9. Back to the top feature
1. $ (document). ready (function () {
2. ; $ ('a [href *=#]'). click (function () {
3. ; if (location.pathname.replace (/ ^ \ //,'') == this.pathname.replace (/ ^ \ //,'')
4. & & location.hostname == this.hostname) {
5. var $ target = $ (this.hash);
6. $ target = $ target.length & & $ target ;
7. | | $ ('[name =' + this.hash.slice (1) +']');
8. if ($ target.length) {
9. var targetOffset = $ target.offset (). top;
10. $ ('html, body') ;
11.. animate ({scrollTop: targetOffset}, 900);
12. return false;
13.}
14.}
15. ;});
16. / / how to use
17. / / place this where you want to scroll to ;
18.
19. / / the link
20. ;
8.
9.});
12. verify whether the element is empty
1. $ (document). ready (function () {
2. ; if ($('# id '). html ()) {
3. ; / / do something
4.}
5. ;});
13. replace the element
1. $ (document). ready (function () { ;
2. $ ('# id'). replaceWith ('
3. I have been replaced
4.
5. ');
6.});
14. jQuery load function
1 delay . $ (document). ready (function () {
2. ; window.setTimeout (function () {
3. / / do something
4.}, 1000);
5.}); ;
15. Remove the word function
1. $ (document). ready (function () {
2. ; var el = $ ('# id');
3. ; el.html (el.html (). replace (/ word / ig, \;
16. verify whether the element exists in the Jquery object collection
1. $ (document). ready (function () {
2. if ($('# id '). length) {
3. / / do something
4.}
5. });
17. so that the whole DIV can click
1. $ (document). ready (function () {
2. $ (\3. / / get the url from href attribute and launch the url
4. window.location = $ (this). find (\
5.});
6. / / how to use
7. 1200) {
4. $ ('body') . addClass ('large');
5.}
6. ; else {
7. $ ('body'). removeClass ('large');
8.}
9.}
10. $ (window). resize (checkWindowSize) ;
11.});
19. clone
1. $ (document). ready ( function () {
2. var cloned = $ ('# id'). clone ();
3. / / how to use
4.
5.
6.}); ;
20. the elements in the middle of the Home screen
1. $ (document). ready (function () {
2. ; jQuery.fn.center = function () {
3. this.css (\this.css (\br> 5. this.css (\)) / 2 + $ (window). scrollLeft () + \return this;
7.}
8. $ (\own selector
1. $ (document). ready (function () {
2. ; $. extend ($. expr [':'], {
3. moreThen1000px: function (a) {
4. return $ (a). width ()> 1000;
5. }
6.});
7. $ ('. box: moreThen1000px'). click (function () {
8. ; / / creating a simple js alert box
9. alert ('The element that you have clicked is over 1000 pixels wide');
10.});
11.} );
22. Statistics the number of elements
1. $ (document). ready (function () {
2. $ (\});
23. to use their own Bullets
1. $ (document). ready (function () {
2 . $ (\$ (\/ / how to use
5. ul.Replaced {list-style: none;}
6. ;});
24. Jquery reference library on the host Google Let Google host the jQuery script for you. This can be done in 2 ways.
1. / / Example 1
2. <SCRIPT src = \4.});
Linear Mode
