• innerHTML, outHTML, innerText, outText

            While IE support all 4 properties, firefox only support innerHTML.
            <br />
            However, innerHTML is not w3c standard. But using it is much faster than standard dom manipualation.
    
  • jQuery Selector

            <span xmlns=''><p><span style='font-family:Times New Roman; font-size:18pt'><strong>CSS Selectors
            </strong></span></p><ul><li><span style='font-family:Times New Roman; font-size:12pt'><strong>*</strong> any element
            </span></li><li><span style='font-family:Times New Roman; font-size:12pt'><strong>E</strong> an element of type E
            </span></li><li><span style='font-family:Times New Roman; font-size:12pt'><strong>E:nth-child(n)</strong> an E element, the n-th child of its parent
            </span></li><li><span style='font-family:Times New Roman; font-size:12pt'><strong>E:first-child</strong> an E element, first child of its parent
            </span></li><li><span style='font-family:Times New Roman; font-size:12pt'><strong>E:last-child</strong> an E element, last child of its parent
            </span></li><li><span style='font-family:Times New Roman; font-size:12pt'><strong>E:only-child</strong> an E element, only child of its parent
            </span></li><li><span style='font-family:Times New Roman; font-size:12pt'><strong>E:empty</strong> an E element that has no children (including text nodes)
            </span></li><li><span style='font-family:Times New Roman; font-size:12pt'><strong>E:enabled</strong> a user interface element E which is not disabled
            </span></li><li><span style='font-family:Times New Roman; font-size:12pt'><strong>E:disabled</strong> a user interface element E which is disabled
            </span></li><li><span style='font-family:Times New Roman; font-size:12pt'><strong>E:checked</strong> a user interface element E which is checked (for instance a radio-button or checkbox)
            </span></li><li><span style='font-family:Times New Roman; font-size:12pt'><strong>E:selected</strong> a user interface element E which is selected (one or more option elements inside a select) - not in the CSS spec, but nonetheless supported by jQuery
            </span></li><li><span style='font-family:Times New Roman; font-size:12pt'><strong>E.warning</strong> an E element whose class is "warning"
            </span></li><li><span style='font-family:Times New Roman; font-size:12pt'><strong>E#myid</strong> an E element with ID equal to "myid". (Will only match, at most, one element.)
            </span></li><li><span style='font-family:Times New Roman; font-size:12pt'><strong>E:not(s)</strong> an E element that does not match simple selector s
            </span></li><li><span style='font-family:Times New Roman; font-size:12pt'><strong>E F</strong> an F element descendant of an E element
            </span></li><li><span style='font-family:Times New Roman; font-size:12pt'><strong>E > F</strong> an F element child of an E element
            </span></li><li><span style='font-family:Times New Roman; font-size:12pt'><strong>E + F</strong> an F element immediately preceded by an E element
            </span></li><li><span style='font-family:Times New Roman; font-size:12pt'><strong>E ~ F</strong> an F element preceded by an E element
            </span></li><li><span style='font-family:Times New Roman; font-size:12pt'><strong>E,F,G</strong> select all E elements, F elements, and G elements
            </span></li><li><span style='font-family:Times New Roman; font-size:12pt; background-color:yellow'><strong>E[@foo]</strong> an E element with a "foo" attribute
            </span></li><li><span style='font-family:Times New Roman; font-size:12pt; background-color:yellow'><strong>E[@foo=bar]</strong> an E element whose "foo" attribute value is exactly equal to "bar"
            </span></li><li><span style='font-family:Times New Roman; font-size:12pt; background-color:yellow'><strong>E[@foo^=bar]</strong> an E element whose "foo" attribute value begins exactly with the string "bar"
            </span></li><li><span style='font-family:Times New Roman; font-size:12pt; background-color:yellow'><strong>E[@foo$=bar]</strong> an E element whose "foo" attribute value ends exactly with the string "bar"
            </span></li><li><span style='font-family:Times New Roman; font-size:12pt; background-color:yellow'><strong>E[@foo*=bar]</strong> an E element whose "foo" attribute value contains the substring "bar"
            </span></li></ul><p><span style='font-family:Times New Roman; font-size:18pt'><strong>XPath Selectors
            </strong></span></p><p><span style='font-family:Times New Roman; font-size:13pt'><strong>Location Paths
            </strong></span></p><ul><li><span style='font-family:Times New Roman; font-size:12pt'>Relative to the entire HTML document
            </span></li></ul><p><span style='font-family:Courier New; font-size:10pt'> $("/html/body//p")
            </span></p><p><span style='font-family:Courier New; font-size:10pt'> $("body//p")
            </span></p><p><span style='font-family:Courier New; font-size:10pt'> $("p/../div")
            </span></p><ul><li><span style='font-family:Times New Roman; font-size:12pt'>Relative to the context node </span><span style='font-family:Courier New; font-size:10pt'>this</span><span style='font-family:Times New Roman; font-size:12pt'>
            </span></li></ul><p><span style='font-family:Courier New; font-size:10pt'> $("p/*", this)
            </span></p><p><span style='font-family:Courier New; font-size:10pt'> $("/p//a", this)
            </span></p><p><span style='font-family:Times New Roman; font-size:12pt'>[<a title='Edit section: Supported Axis Selectors' href='http://docs.jquery.com/action/edit/DOM/Traversing/Selectors?section=9'><span style='color:blue; text-decoration:underline'>edit</span></a>]
            </span></p><p><span style='font-family:Times New Roman; font-size:13pt'><strong><a name='Supported_Axis_Selectors'/>Supported Axis Selectors
            </strong></span></p><ul><li><span style='font-family:Times New Roman; font-size:12pt'><strong>Descendant</strong> Element has a descendant element
            </span></li></ul><p><span style='font-family:Courier New; font-size:10pt'> $("//div//p")
            </span></p><ul><li><span style='font-family:Times New Roman; font-size:12pt'><strong>Child</strong> Element has a child element
            </span></li></ul><p><span style='font-family:Courier New; font-size:10pt'> $("//div/p")
            </span></p><ul><li><span style='font-family:Times New Roman; font-size:12pt'><strong>Preceding Sibling</strong> Element has an element before it, on the same axes
            </span></li></ul><p><span style='font-family:Courier New; font-size:10pt'> $("//div ~ form")
            </span></p><ul><li><span style='font-family:Times New Roman; font-size:12pt'><strong>Parent</strong> Selects the parent element of the element
            </span></li></ul><p><span style='font-family:Courier New; font-size:10pt'> $("//div/../p")
            </span></p><p><span style='font-family:Times New Roman; font-size:12pt'>[<a title='Edit section: Supported Predicates' href='http://docs.jquery.com/action/edit/DOM/Traversing/Selectors?section=10'><span style='color:blue; text-decoration:underline'>edit</span></a>]
            </span></p><p><span style='font-family:Times New Roman; font-size:13pt'><strong><a name='Supported_Predicates'/>Supported Predicates
            </strong></span></p><ul><li><span style='font-family:Times New Roman; font-size:12pt'><strong>[@foo]</strong> Has an attribute of foo
            </span></li></ul><p><span style='font-family:Courier New; font-size:10pt'> $("//input[@checked]")
            </span></p><ul><li><span style='font-family:Times New Roman; font-size:12pt'><strong>[@foo='test']</strong> Attribute foo is equal to test
            </span></li></ul><p><span style='font-family:Courier New; font-size:10pt'> $("//a[@ref='nofollow']")
            </span></p><ul><li><span style='font-family:Times New Roman; font-size:12pt'><strong>[Nodelist]</strong> Element contains a node list, for example:
            </span></li></ul><p><span style='font-family:Courier New; font-size:10pt'> $("//div[p]")
            </span></p><p><span style='font-family:Courier New; font-size:10pt'> $("//div[p/a]")
            </span></p><p><span style='font-family:Times New Roman; font-size:12pt'>[<a title='Edit section: Supported Predicates, but differently' href='http://docs.jquery.com/action/edit/DOM/Traversing/Selectors?section=11'><span style='color:blue; text-decoration:underline'>edit</span></a>]
            </span></p><p><span style='font-family:Times New Roman; font-size:13pt'><strong>Supported Predicates, but differently
            </strong></span></p><ul><li><span style='font-family:Times New Roman; font-size:12pt'><strong>[last()] or [position()=last()]</strong> becomes <strong>:last</strong>
            </span></li></ul><p><span style='font-family:Courier New; font-size:10pt'> $("p:last")
            </span></p><ul><li><span style='font-family:Times New Roman; font-size:12pt'><strong>[0] or [position()=0]</strong> becomes <strong>:eq(0) or :first</strong>
            </span></li></ul><p><span style='font-family:Courier New; font-size:10pt'> $("p:first")
            </span></p><p><span style='font-family:Courier New; font-size:10pt'> $("p:eq(0)")
            </span></p><ul><li><span style='font-family:Times New Roman; font-size:12pt'><strong>[position() < 5]</strong> becomes <strong>:lt(5)</strong>
            </span></li></ul><p><span style='font-family:Courier New; font-size:10pt'> $("p:lt(5)")
            </span></p><ul><li><span style='font-family:Times New Roman; font-size:12pt'><strong>[position() > 2]</strong> becomes <strong>:gt(2)</strong>
            </span></li></ul><p><span style='font-family:Courier New; font-size:10pt'> $("p:gt(2)")
            </span></p><p><span style='font-family:Times New Roman; font-size:18pt'><strong>Custom Selectors
            </strong></span></p><ul><li><span style='font-family:Times New Roman; font-size:12pt'><strong>:even</strong> Selects every other (even) element from the matched element set.
            </span></li><li><span style='font-family:Times New Roman; font-size:12pt'><strong>:odd</strong> Selects every other (odd) element from the matched element set.
            </span></li><li><span style='font-family:Times New Roman; font-size:12pt'><strong>:eq(0) and :nth(0)</strong> Selects the Nth element from the matched element set
            </span></li><li><span style='font-family:Times New Roman; font-size:12pt'><strong>:gt(N)</strong> Selects all matched elements whose index is greater than N.
            </span></li><li><span style='font-family:Times New Roman; font-size:12pt'><strong>:lt(N)</strong> Selects all matched elements whose index is less than N.
            </span></li><li><span style='font-family:Times New Roman; font-size:12pt'><strong>:first</strong> Equivalent to <strong>:eq(0)</strong>
            </span></li><li><span style='font-family:Times New Roman; font-size:12pt'><strong>:last</strong> Selects the last matched element.
            </span></li><li><span style='font-family:Times New Roman; font-size:12pt'><strong>:parent</strong> Selects all elements which have child elements (including text).
            </span></li><li><span style='font-family:Times New Roman; font-size:12pt'><strong>:contains('test')</strong> Selects all elements which contain the specified text.
            </span></li><li><span style='font-family:Times New Roman; font-size:12pt'><strong>:visible</strong> Selects all visible elements (this includes items that have a display of block or inline, a visibility of visible, and aren't form elements of type hidden)
            </span></li><li><span style='font-family:Times New Roman; font-size:12pt'><strong>:hidden</strong> Selects all hidden elements (this includes items that have a display of none, or a visibility of hidden, or are form elements of type hidden)
            </span></li></ul><p><span style='font-family:Times New Roman; font-size:12pt'>Some examples:
            </span></p><p><span style='font-family:Courier New; font-size:10pt'> $("p:first").css("fontWeight","bold");
            </span></p><p><span style='font-family:Courier New; font-size:10pt'> $("div:hidden").show();
            </span></p><p><span style='font-family:Courier New; font-size:10pt'> $("/div:contains('test')", this).hide();
            </span></p><p><span style='font-family:Times New Roman; font-size:18pt'><strong>Form Selectors
            </strong></span></p><p><span style='font-family:Times New Roman; font-size:12pt'>There are a few selectors for form elements:
            </span></p><ul><li><span style='font-family:Times New Roman; font-size:12pt'><strong>:input</strong> Selects all form elements (input, select, textarea, button).
            </span></li><li><span style='font-family:Times New Roman; font-size:12pt'><strong>:text</strong> Selects all text fields (type="text").
            </span></li><li><span style='font-family:Times New Roman; font-size:12pt'><strong>:password</strong> Selects all password fields (type="password").
            </span></li><li><span style='font-family:Times New Roman; font-size:12pt'><strong>:radio</strong> Selects all radio fields (type="radio").
            </span></li><li><span style='font-family:Times New Roman; font-size:12pt'><strong>:checkbox</strong> Selects all checkbox fields (type="checkbox").
            </span></li><li><span style='font-family:Times New Roman; font-size:12pt'><strong>:submit</strong> Selects all submit buttons (type="submit").
            </span></li><li><span style='font-family:Times New Roman; font-size:12pt'><strong>:image</strong> Selects all form images (type="image").
            </span></li><li><span style='font-family:Times New Roman; font-size:12pt'><strong>:reset</strong> Selects all reset buttons (type="reset").
            </span></li><li><span style='font-family:Times New Roman; font-size:12pt'><strong>:button</strong> Selects all other buttons (type="button").
            </span></li><li><span style='font-family:Times New Roman; font-size:12pt'><strong>:file</strong> Selects all <input type="file">.
            </span></li></ul></span>
    
  • ASP.NET AJAX EVENTS

            <span xmlns=''><h1>Sys.Component Event
            </h1><p><a href='http://www.asp.net/AJAX/Documentation/Live/ClientReference/Sys/ComponentClass/ComponentDisposingEvent.aspx'>disposing Event</a>
            </p><p>Raised when the <a href='http://www.asp.net/AJAX/Documentation/Live/ClientReference/Sys/ComponentClass/ComponentDisposeMethod.aspx'>dispose</a> method of the current Component object is called.
            </p><p><a href='http://www.asp.net/AJAX/Documentation/Live/ClientReference/Sys/ComponentClass/ComponentPropertyChangedEvent.aspx'>propertyChanged Event</a>
            </p><p>Raised when the <a href='http://www.asp.net/AJAX/Documentation/Live/ClientReference/Sys/ComponentClass/ComponentRaisePropertyChangedMethod.aspx'>raisePropertyChanged</a> method of the current Component object is called.
            </p><h1>Sys.Application Event
            </h1><p><a href='http://www.asp.net/AJAX/Documentation/Live/ClientReference/Sys/ApplicationClass/SysApplicationInitEvent.aspx'>init Event</a>
            </p><p>Raised after all scripts have been loaded but before objects are created.
            </p><p><a href='http://www.asp.net/AJAX/Documentation/Live/ClientReference/Sys/ApplicationClass/SysApplicationLoadEvent.aspx'>load Event</a>
            </p><p>Raised after all scripts have been loaded and after the objects in the application have been created and initialized.
            </p><p><a href='http://www.asp.net/AJAX/Documentation/Live/ClientReference/Sys/ApplicationClass/SysApplicationUnloadEvent.aspx'>unload Event</a>
            </p><p>Raised before all objects in the client application are disposed.
            </p><h1>Sys.WebForms.PageRequestManager Event
            </h1><p><a href='http://www.asp.net/AJAX/Documentation/Live/ClientReference/Sys.WebForms/PageRequestManagerClass/PageRequestManagerBeginRequestEvent.aspx'>beginRequest Event</a>
            </p><p>Raised before processing of an asynchronous postback starts and the postback request is sent to the server.
            </p><p><a href='http://www.asp.net/AJAX/Documentation/Live/ClientReference/Sys.WebForms/PageRequestManagerClass/PageRequestManagerEndRequestEvent.aspx'>endRequest Event</a>
            </p><p>Raised after an asynchronous postback is finished and control has been returned to the browser.
            </p><p><a href='http://www.asp.net/AJAX/Documentation/Live/ClientReference/Sys.WebForms/PageRequestManagerClass/PageRequestManagerInitializeRequestEvent.aspx'>initializeRequest Event</a>
            </p><p>Raised during the initialization of the asynchronous postback.
            </p><p><a href='http://www.asp.net/AJAX/Documentation/Live/ClientReference/Sys.WebForms/PageRequestManagerClass/PageRequestManagerPageLoadedEvent.aspx'>pageLoaded Event</a>
            </p><p>Raised after all content on the page is refreshed as the result of either a synchronous or an asynchronous postback.
            </p><p><a href='http://www.asp.net/AJAX/Documentation/Live/ClientReference/Sys.WebForms/PageRequestManagerClass/PageRequestManagerPageLoadingEvent.aspx'>pageLoading Event</a>
            </p><p>Raised after the response from the server to an asynchronous postback is received but before any content on the page is updated.
            </p></span>
    
  • Unit Test

            <p>Basic elements of programmer tests in Visual Studio® Team System ™ (vs. Nunit):
            </p>
            <ul>
            <li>
            TestClass (TestFixture)
            </li>
            <li>
            TestMethod (Test)
            </li>
            <li>
            TestInitialization (Setup)
            </li>
            <li>
            TestCleanup (TearDown)
            </li>
            <li>
            ClassInitialization (TestFixtureSetup)
            </li>
            <li>
            ClassCleanup (TestFixtureTearDown)
            </li>
            </ul>
    
  • to be small

            <p>
            Any fool can make things bigger, more complex, and more violent. It takes a touch of genius — and a lot of courage — to move in the opposite direction. ---Albert Einstein
            </p>