您现在的位置是:主页 > 网站制作 > Js经典实例 >

jQuery HTML

刘清2019-12-24 13:58个人博客人已围观

简介jQuery DOM 操作 获得内容 - text()、html() 以及 val() text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容(包括 HTML 标记) attr() 方法用于获取属性值。 $ ( #btn1 ) . clic

jQuery DOM 操作


获得内容 - text()、html() 以及 val()


  • text() - 设置或返回所选元素的文本内容
  • html() - 设置或返回所选元素的内容(包括 HTML 标记)
  • attr() 方法用于获取属性值。




$("#btn1").click(function(){ alert("Text: " + $("#test").text()); });
$
("#btn2").click(function(){ alert("HTML: " + $("#test").html()); });
$("button").click(function(){ alert($("#runoob").attr("href")); });



jQuery - 设置内容和属性

$("#BT1").click(function(){

$("#test1").text("文本");

});

 


$("button").click(function(){ $("#runoob").attr("href","http://www.runoob.com/jquery"); });



jQuery - 添加元素

点击与一个按钮或一个段落作用与另一个元素
remove() - 删除被选元素(及其子元素) 全部
empty() - 从被选元素中删除子元素    保留属性

$("p").append("追加文本");
$("p").prepend("在开头追加文本");
$("img").after("在后面添加文本");
$
("img").before("在前面添加文本");
$("#div1").remove();
$("#div1").empty();



jQuery - 获取并设置 CSS 类

  • addClass() - 向被选元素添加一个或多个类
  • removeClass() - 从被选元素删除一个或多个类
  • toggleClass() - 对被选元素进行添加/删除类的切换操作

$("body div:first").addClass("important blue");
$("h1,h2,p").removeClass("blue");
$("h1,h2,p").toggleClass("blue");


jQuery css() 方法


css() 方法设置或返回被选元素的一个或多个样式属性。

返回 $("p").css("background-color");
设置 $("p").css("background-color","yellow");


设置多个 CSS 属性


$("p").css({"background-color":"yellow","font-size":"200%"});





jQuery 尺寸


jQuery width() 和 height() 方法


width() 方法设置或返回元素的宽度(不包括内边距、边框或外边距)。

height() 方法设置或返回元素的高度(不包括内边距、边框或外边距)。
 

jQuery innerWidth() 和 innerHeight() 方法

innerWidth() 方法返回元素的宽度(包括内边距)。

innerHeight() 方法返回元素的高度(包括内边距)。














Tags:

很赞额!(74)

上一篇:jQuery 效果

下一篇:jq弋品网站总结

文章评论

站点信息

  • 建站时间:2018-12-1
  • 网站程序:织梦cms
  • 主题模板《今夕何夕》
  • 文章统计:299条
  • 文章评论:490条
  • 统计数据百度统计