jq和js分别设置标签属性及样式

1、通过jq方法设置属性及样式

attr是设置标签属性,比如设置id,设置class

而css是设置style样式的,比如设置背景色,设置显示为块级元素等。例子如下:

var content=$(".divContent");


content.attr('id','divContentId');//设置标签属性

var getAttr=content.attr('id');//获取标签属性


content.css('display','block')  //设置显示块级元素

var  getDisplay=content.css('display');//获取样式


content.css('background-color','pink');//设置背景色

var getColor=content.css('background-color');//获取背景色

//结果:



2、通过js方法设置标签属性及样式:
var content=document.getElementById("divContent");


content.setAttribute('title','divContent');//
   //设置title属性


console.log(content.getAttribute('title'));  //输出:divContent   获取title属性

content.style.backgroundColor="red"; //设置背景色


console.log(content.style.backgroundColor)//获取背景色  输出:red

你可能感兴趣的:(jQuery)