JS常用属性

JS

　首先引入jquery插件

$("#static").css("color","red"); // 为标签设置css样式

setTimeout(function () { $("#static").empty(); // 定时清空标签内容 },3000)

如果用 a，b 表示两个节点：

a.first() # 表示为a本身节点

a.children # 表示为所有子元素，

a.children.first() # 表示为a节点的第一个子元素

a.children.last() # 表示为a节点的最后一个子元素

a.append(b) # 表示将b节点插入到a节点的子元素的最后位置

a.remove() 　# 删除a节点

a.removeClass("hide") 　# 删除a节点的class属性

a.addClass("hide")　　# a节点添加class属性

a.clone()　　# 克隆a节点

a.after()　　# a标签的下一个元素

a.prev()　　# a标签的上一个元素

a.parent()　　# a标签的父元素

select标签获取选中option的值用 .val()


on change事件：

可以用来监测select标签的内容的改变而做操作

 

 

        // 动态监测每个select，根据内容的不同生成不同的标签，之所以用on，是考虑到这些标签都是动态生成的，避免生成的标签添加不上事件
        $(".bbbbb").on('change','.type_list',function () {
           
            if($(this).val() == "single"){
                // 如果select标签内的内容为单选 single
                console.log($(this).val())


            }else if($(this).val() == "score"){
                // 如果select标签内的内容为打分 score
                console.log($(this).val())
            }else if($(this).val() == "suggestion"){
                // 如果select标签内的内容为建议 suggestion
                console.log($(this).val())
            }
        })    

View Code

 

转载于:https://www.cnblogs.com/Neeo/p/7748172.html