Several syntax for adding events to elements in a page

One . Use the event attribute of the element ：onxxx="f()"

Two . Use jquery object : Selectors .xxxx(function(){

//js

});

defects ： This can only add events to intrinsic elements

Inherent elements ： When an event function is called to add an event to an element , If the element has been generated , Then these elements are called intrinsic elements

Dynamically generated elements ： When an event function is called to add an event to an element , If the element has not been generated , Later generated elements .

The wrong sample ：

// When the main page of the campaign is loaded , Query the first page of all data and the total number of all data 
		queryActivityByConditionForPage(1,10);

		// Add a stand-alone event to the query button 
		$("#queryActivityBtn").click(function () {
           // Query the first page of all qualified data and the total number of all qualified data 
            queryActivityByConditionForPage(1,$("#demo_pag1").bs_pagination('getOption', 'rowsPerPage'));
		});


		$("#tBody input[type='checkbox']").click(function () {
			// If all in the list checkbox All choose , this “ Future generations ” Button is also selected 
			if ($("#tBody input[type='checkbox']").size()==$("#tBody input[type='checkbox']:checked").size()){
				$("#checkAll").prop("checked",true);
			}else{// If all in the list checkbox At least one is not selected , The select all button is also cancelled 
				$("#checkAll").prop("checked",false);
			}
		})

there     $("#tBody input[type='checkbox']").click(function () The element has not been loaded when the function is executed ： The element loading here is in queryActivityByConditionForPage(1,10); This function can only be loaded after the results are queried through asynchronous requests , Therefore, this is an asynchronous request. You won't continue to execute the following code until the result comes out , On the contrary, the synchronization request will wait for the results before continuing to execute the following code .

3、 ... and . Use jquery Of on Function to add events to dynamically generated elements ：

Parent selector .on(" Event type "," Child selectors ",function(){

    //js

});

Parent element ： Must be an intrinsic element , It can be a direct parent element , It can also be an indirect parent element .

Event type ： Follow event attributes and event functions A corresponding .

Child selectors ： Target element , Form a parent-child selector with the parent selector