Scribd Logo
Upload

Welcome to Scribd!

  • 13 views

    Jquery Methods: //this Is Used To Refer To The Currently Selected Element

    Uploaded by

    Jeremy Farmer
    This document summarizes jQuery methods for selecting elements, setting event methods, and provides an example code reference. To select elements, jQuery uses the $() function with selectors like "element*filter1+*filter2+ sub-element[filter1][filter2]". Event methods are set using $(element).on(eventName, function(){}). The example code handles a checkbox change event to dynamically modify a dropdown based on the checkbox state.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd

    Jquery Methods: //this Is Used To Refer To The Currently Selected Element

    Uploaded by

    Jeremy Farmer
    13 views1 page
    This document summarizes jQuery methods for selecting elements, setting event methods, and provides an example code reference. To select elements, jQuery uses the $() function with selectors like "element*filter1+*filter2+ sub-element[filter1][filter2]". Event methods are set using $(element).on(eventName, function(){}). The example code handles a checkbox change event to dynamically modify a dropdown based on the checkbox state.

    Original Description:

    Description of must know jQuery methods with example

    Original Title

    JQuery Methods

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    This document summarizes jQuery methods for selecting elements, setting event methods, and provides an example code reference. To select elements, jQuery uses the $() function with selectors like "element*filter1+*filter2+ sub-element[filter1][filter2]". Event methods are set using $(element).on(eventName, function(){}). The example code handles a checkbox change event to dynamically modify a dropdown based on the checkbox state.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Download as docx, pdf, or txt
    13 views1 page

    Jquery Methods: //this Is Used To Refer To The Currently Selected Element

    Uploaded by

    Jeremy Farmer
    This document summarizes jQuery methods for selecting elements, setting event methods, and provides an example code reference. To select elements, jQuery uses the $() function with selectors like "element*filter1+*filter2+ sub-element[filter1][filter2]". Event methods are set using $(element).on(eventName, function(){}). The example code handles a checkbox change event to dynamically modify a dropdown based on the checkbox state.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Download as docx, pdf, or txt
    You are on page 1of 1

    jQuery Methods

    To select an element.
    $(element*filter1+*filter2+ sub-element[filter1][filter2])
    Each filter is an attribute value pair. Eg input*type=checkbox+*title=Abstract+

    Setting event methods
    $(select and elemnt).on(eventName,function(), -);

    Event names can be= hover, click, change etc. in function write your custom code.

    Understand the following code for reference
    $("input[type='checkbox'][title='Abstract']").on('change',function(){
    //this is used to refer to the currently selected element
    if($(this).prop('checked'))
    {
    var subType=$("select[title='Submission type']");
    var firstOption=$("select[title='Submission type'] option:first").val();
    if(!(firstOption==new String('Abstract').valueOf()))
    {
    // append abstract
    subType.prepend("<option value='Abstract'>Abstract</option>");
    }
    //disabling what is selected
    $("select[title='Submission type'] option:selected").prop('selected',false);
    //selecting abstract
    $("select[title='Submission type'] option:first").prop('selected','selected');

    }
    else{
    var firstOption=$("select[title='Submission type'] option:first").val();
    if(firstOption==new String('Abstract').valueOf())
    {
    //remove abstract from drop down
    $("select[title='Submission type'] option[value='Abstract']").remove();
    }
    //select first value as default value;
    $("select[title='Submission type'] option:selected").prop("selected",false);
    $("select[title='Submission type'] option:first").prop("selected","selected");
    }
    });

    You might also like