JavaScript相关操作

JQUERY

-- HTML标签属性操作

$('#id').attr('attr_name','attr_value'); //设置单一属性值
$('#id').attr({'attr_name1':'attr_value1','attr_name2':'attr_value2'}); //设置多个属性值
$('#id').removeAttr('attr_name'); //移除属性
$('#id').prop('attr_name','attr_value'); //设置属性值
$('#id').prop('attr_name'); //读取属性值
$('#id').removeProp('attr_name'); //不能移除style、id 或 checked之类的 HTML 属性，需要使用 removeAttr() 方法代替

-- HTML页面文本操作

$('#id').text(); //读取被选中标签的值
$('#id').text('value'); //设置被选中标签的值
$('#id').html(); //读取被选中标签的值，可以有html文本
$('#id').html('value'); //设置被选中标签的值，可以是html文本

-- 发送请求

//发送ajax的POST请求
$.ajax({
    "url": url,
    "data": JSON.stringfy(data),
    "type": "POST",
    "dataType": "json",
    "contentType": "application/json",
    "success": function (data) {
        console.log(data);
    },
});
//发送GET请求
$.get(url,null,function(data){
    console.log(data);
});

-- 其它

$('#id').click(); //触发点击事件

VUE

//VUE获取被点击元素
v-on:click="__click($event)"; //原生js点击事件传递当前元素使用this,VUE中使用$event来传递当前元素
methods:{
    __click:function(event){
        event.currentTarget; //使用currentTarget获取当前元素
    }
}