JavaScript操作DOM：选择与事件处理-优快云博客

这篇博客介绍了如何使用JavaScript操作DOM，包括选取指定id为'handCase'的div下的span标签并隐藏它们，监听id以'extractionRate_'开头和'id'以'_0'结尾的input元素的change事件，以及处理type='number'的input元素的change事件。此外，还详细讲解了单选框和复选框的选中事件处理，以及获取选中下拉框选项的值和id选择器与getElementById的区别。

获取指定id="handCase"的div下的span标签

$("div#handCase span")

span不显示

$("div#handCase span").each(function(){

$(this).css("display","none");

})

id以“extractionRate_”开始的input的change事件

$("input[id^='extractionRate_']").change(function(){alert("123");})

id以“_0”结尾的input的change事件

$("input[id$='_0']").change(function(){alert("123");})

type="number"的input的change事件

$("input[type='number']").change(function(){

var thisId = $(this).attr('id');

})

单选框选中事件（radio）

$('input[name="invoicedType"]').on('ifChecked',function(event){
   if(event.currentTarget.value == 1){

   }
});

单选框radio当前选中值
var contractRangeDic = $('input[name="contractRangeDic"]:checked').val();

复选框的change事件
$('input[type=checkbox]').on('ifChanged',function(event){
       var checkboxIds = this.id.split('_');
       if(editGridList == "EditList001"){
           if(this.checked){
           }
       }else if(editGridList == "EditList003"){
           if(this.checked){
           }
       }
});

选中下拉框的选中值的name
$('#agencyIdentityType_0').find("option:selected").text()

$("#xx")与document.getElementById的区别