Several useful tips for JQuery

JQuery code

/* Open the link in a new window: JQuery filter attr
* Disable the mouse to pop up the right-click menu: DOM contextmenu
* Return to the top of the page: DOM scrollTo
* Dynamically replace the CSS style sheet: JQuery filter Element Attribute
* Adjust the page Font size: Css html.css parseFloat
*/
//Confirm that DOM loading is complete
$(document).ready(function () {

/* Links with href attributes starting with http will open the link in a new window* /
// ^ Filter, attribute: start with a specific string
$("a[href ^='http']").attr("target", "_blank");

/* Disable right mouse button* /
//DOM contextmenu is the right-click menu of the mouse
$(document).bind("contextmenu", function (e) {
alert(("No right-clicking!"));
//Do not execute downward, In other words, the right-click menu does not appear
        return false;
  });

  /* Return to the top of the page*/
  //The click event of the element with id="top" is triggered
  $('#top').click( function () {
                // Return to the top of the page
            $(document).scrollTo(0, 500);
  });


                                          use using the href of the page link ’s css style sheet to dynamically change the page The value replaces the href attribute value of the link tag
$("a.cssSwap").click(function(){
$("link[rel=stylesheet]").attr("href",$(this) .attr("rel"));
});


/* Enlarge, reduce, and restore page font size*/
//Get the font size, font-size is defined under the html tag
var originalFontSize = $ ("html").css("font-size");
//Restore default font size
$(".resetFont").click(function () {
$("html").css("font- size", originalFontSize);
                                                                                          using using using       ‐                ‐                                                                                                   through     use using ’ ’s' out of ward over ’s ’ s size', originalFontSize--                . () {
                                                                                                                                                                                  using suffix using px, pt, pc
            through ’ ’ ’ s suffix through using parseFloat's'‐'  ‐ ‐ taken to, Type remove suffix
var currentFontSizeNumber = parseFloat(currentFontSize);
        //Newly defined font size
  var newFontSize = currentFontSizeNumber * 1.1;
                                         html").css("font-size" , newFontSize);
                                                                        using using using                 through ‐ ’ ’ s downward ‐ ‐ ‐‐‐‐ , newFontSize);
                             {得 // Get the current font size suffix PX, PT, pc
varcurrentfontsize = $ ("html"). Css ("font-size"); Suffix
var currentFontSizeNumber = parseFloat(currentFontSize);
                          //Redefine font size
      var newFontSize = currentFontSizeNumber * 0.9;                             use using use using using using using using using using out out out out out out out out out out out out out out out out of’s .css("font-size", newFontSize) ;
                                                                                                                                   

- Default style sheet-->

Dynamicly change the style sheet

Blue background
        Green background< ;/a>
                                                                                                                                                     ;

 

Adjust font size

    Reset font size
    Increase font size
                                                                                                                                                                 

Open link in new window

Sina a>

Sohu

Blog Park

Back to the top of the page

yThe above is the content of several useful techniques of JQuery , for more related articles, please pay attention to the PHP Chinese website (www.php.cn)!