zoukankan      html  css  js  c++  java
  • jQuery base

    1 $() vs $

    $("someSelector") returns a array. This is defiend in jQuery.prototype.

    $.methodName is a method defined in jQuery...

    2

    methods below will stop the jQuery to manipulate the DOM until the document or window is ready...

    the differences between them is, document just considerate the DOM, and window will considerate the whole page, this means until the waiting circle stops~

    $(document).ready( // here comes lots of functions);

    $(window).ready( // here comes lots of functions);

    3 Conflicts 

    var $j = jQuery.noConflict();

    will make the $("...") the same as $j("...") in order to avoid conflicts from other liberaries also with an alias $...

    Attribute

    setter

    $("selecteor").attr("someAttribute", someObject);

    getter

    $("selecteor").attr("someAttribute");

    $( "a" ).attr( "href" ); // Returns the href for the first a element in the document

    5 Prseudo-selector

    When using the :visible and :hidden pseudo-selectors, jQuery tests the actual visibility of the element, not its CSS visibility or display properties.

    jQuery looks to see if the element's physical height and width on the page are both greater than zero.

    6 manipulating the DOM elements

    .insertAfter()  VS .after().

    .insertBefore() VS .before()

    .appendTo() VS .append()

    .prependTo() VS .prepend()

    .remove() the selected elements will removed from the page, do returns something, but they are barely useless.

    .detach() the selected elements will removed from the page, and this method will return something useful...

    .empty() this method is used to the parent element in order to remove the children nodes~

    7 create new elements

    a : $("<p>This is a P</p>");

    b : 

    $( "<a/>", {
      html: "This is a <strong>new</strong> link",
      "class": "new", // Property names generally do not need to be quoted unless they are reserved words (as class is in this case).
      href: "foo.html"
      }
    );
     
    8 manipulating attributes
    a : single $( "#myDiv a:first" ).attr( "href", "newDestination.html" );
    b : multiple
    $( "#myDiv a:first" ).attr({
        href: "newDestination.html",
        rel: "nofollow"
      }
    );
  • 相关阅读:
    安装elasticsearch 和 kibana
    docker 安装 nignx 并将对应配置文件映射
    linux 操作笔记
    docker 一些常用的命令手记
    c# 异步 多线程
    从零开始在.net中使用Nhibernate对数据库进行操作详细步骤(20121128)
    NHibernate框架的HQL增删改查
    2012年11月19日 利用wifiap简单实现Wifi无线Web认证
    逻辑结构和物理结构
    日志
  • 原文地址:https://www.cnblogs.com/voctrals/p/3707465.html
Copyright © 2011-2022 走看看