使用jquery查找所有input元素写法为？

Posted 2023-04-05

使用jQuery查找所有input元素的写法是：
$("input")
或者
$("input[type='text']")
第一种写法会查找页面中所有的input元素，包括text、radio、checkbox等类型。
第二种写法会查找页面中所有type属性为text的input元素。
jQuery提供了丰富的选择器，支持根据元素名称、属性、类名、id等条件来选择页面元素。 参考技术A $("input") 参考技术B $('input')

jquery根据name属性查找

 

$("div[id]") 选择所有含有id属性的div元素 

$("input[name=‘keleyicom‘]") 选择所有的name属性等于‘keleyicom‘的input元素

$("input[name!=‘keleyicom‘]") 选择所有的name属性不等于‘keleyicom‘的input元素 

$("input[name^=‘keleyi‘]") 选择所有的name属性以‘keleyi‘开头的input元素 

$("input[name$=‘keleyi‘]") 选择所有的name属性以‘keleyi‘结尾的input元素 

$("input[name*=‘keleyi‘]") 选择所有的name属性包含‘keleyi‘的input元素 

$("input[id][name$=‘keleyi‘]") 可以使用多个属性进行联合选择，该选择器是得到所有的含有id属性并且那么属性以keleyi结尾的元素
根据name取值：  

$("input[name=‘mobile‘]").val()  

根据id取值:  

$("#mobile_reg_form").html()  
根据name取值遍历：  
$("input[name=‘mobile‘]").each(  function(){  
    alert($(this).val());  
})  

 

取出form中的input：  
<script type="text/javascript" language="JavaScript" charset="UTF-8">    
　　$(document).ready(function(){    
    　　var a=$("form input");    
    　　$.each(a,function(name,object){    
       　　 alert(name+":"+$(object).val());    
    　　});    
});    
</script>     

 

 
得到值（多个的情况）：  

当name值为多个可以通过下面的形式进行获取，（需要.value获取不能.val()）
$("input[name=‘mobile‘]")[0].value  

$("input[name=‘mobile‘]").get(1).value       

例子：
   
for(let i=0;i<$("input[name=‘mobile‘]").lenght;i++){
    let obj={
        "a":$("input[name=‘mobile‘]")[i].value  
        "b":$("input[name=‘mobile‘]")[i].value  
        "c":$("input[name=‘mobile‘]")[i].value  
    }
}

 

-----jquery添加删除样式--------  
给一个标签添加样式:  
$("#id").addClass("style");  
删除一个标签的样式:  
$("#id").removeClass("style");  
注:"#id"  id是对应标签的id,style是对应css样式的名称  
获取单选标签选中获得的值
$("input[name=‘xxxx‘]:checked").val();