text/html/css属性操作

Posted on Posted in js
Tips: 本文创建于2014年7月6日,已超过 2 年,内容或图片可能已经失效!

属性操作-html代码

hello

world

$("div").html(); //hello

world


$().html(); // 获得元素节点内部包含的全部内容

$().html(content) //对元素标签内部包含的内容进行重新设置(html+文本内容)
$("div").html("百度");

属性操作-text

$().text(); //可以获得元素标签内部包含的内容(文本内容)

hello

world

$("div").text(); //hello world

$().text(content) // 设置元素标签内部包含的文本信息
$("div").text('dog and pig');

dog and pig

css样式操作方法

$().css(css样式名称,值); //设置css样式
$().css(样式名称); //获得css样式
$().css(json信息); //同时对多个css样式进行设置

  1. function f1(){  
  2. //获取样式  
  3. console.log($("div").css('width'));  
  4. console.log($("div").css('height'));  
  5. console.log($("div").css('background-color'));  
  6. console.log($("div").css('color'));  
  7. console.log($("div").css('font-size'));  
  8. console.log($("div").css('margin-left'));  
  9. }  
  10. function f2(){  
  11. //设置css样式(把具体样式设置为"行内样式")  
  12. //$('div').css('margin-top','20px');  
  13. $('div').css({color:'green',fontSize:'50px','background-color':'lightblue'}); // 书写规则  
  14. }  
» 转载请注明来源:若我若鱼 » text/html/css属性操作

Leave a Reply

Your email address will not be published. Required fields are marked *

one × three =