2018-05-06jQuery 点点滴滴小记

您现在的位置是: 首页 > WEB前端 > jQuery 点点滴滴小记

316次阅读


一、jQuery 获取点击某一个类是该类的第几个元素


$('.file').click(function () {
    index = $(".file").index(this);
})


二、select 标签


1、获取select选中的option的文本值


$("select option:selected").text();



2、获取select中option的被选中的value值


$("select").val();

$("select option:selected").val();


三、radio


1、radio都设置“选中”状态或“未选中”状态


$("input:radio").attr("checked",true); // 选中

$("input:radio").attr("checked",false); // 不选中


四、checkbox


1、checkbox都设置“选中”状态或“未选中”状态


所有的jquery版本都可以这样赋值:

$("checkbox").attr("checked", "checked");

$("checkbox").attr("checked", true);

$("checkbox").attr("checked", false);


五、attr() 函数


设置或返回被选元素的属性值。


//使用方法一:
$("xxx").attr("src");// 返回被选元素的src属性值
//使用方法二:
$("xxx").attr("src","test.jpg");// 设置被选元素的src属性值
//使用方法三:
$("xxx").attr({src:"test.jpg", alt:"Test Image"});// 设置多个属性,为被选元素设置src和alt属性

removeAttr():// 从每一个匹配的元素中删除一个属性,即移除属性。



六、prop() 函数


与attr()方法类似,只不过它是新版本的方法。 


// 使用方法一:
$("xxx").prop("src");  //返回被选元素的src属性值
// 使用方法二:
$("xxx").prop("src","test.jpg");  //设置被选元素的src属性值
// 使用方法三:
$("xxx").prop({src:"test.jpg", alt:"Test Image"});// 设置多个属性,为被选元素设置src和alt属性

removeProp():// 与removeAttr()方法类似,移除属性。