jquery 设置内容和属性 元素添加和删除
来源:互联网 发布:淘宝差评会被报复吗 编辑:程序博客网 时间:2024/06/05 13:21
设置文本样式
$("#btn1").click(function(){ $("#test1").text("Hello world!"); // 没有参数的话就是返回值});$("#btn2").click(function(){ $("#test2").html("<b>Hello world!</b>");});$("#btn3").click(function(){ $("#test3").val("Dolly Duck");});
获取属性值
$("#w3s").attr("href")
设置属性用attr
$("#w3s").attr("href","http://www.baidu.com");
var txt1="<p>Text.</p>"; // 以 HTML 创建新元素var txt2=$("<p></p>").text("Text."); // 以 jQuery 创建新元素var txt3=document.createElement("p");txt3.innerHTML="Text."; // 通过 DOM 来创建文本$("body").append(txt1,txt2,txt3); // 追加新元素
$("#btn1").click(function(){ $("img").before("<b>Before</b>"); // 在图片前面添加元素 }); $("#btn2").click(function(){ $("img").after("<i>After</i>"); // 在图片后面添加元素 });
$("img").after(txt1,txt2,txt3); // 添加一坨元素在后面
inssertAfter inssertBefore在某后面添加元素能够使用上面说的那个剪切方法$(document).ready(function(){ $("button").click(function(){$p = $("P").eq(0).detach(); $p.insertAfter("button"); });});prepend() prependTo() 在头部添加元素 append() appendTo()在尾部添加元素$("p").prepend("<b>Hello world!</b> "); $("<b>Hello World!</b>").prependTo("p");remove$("#div1").remove() // 删除被选中的元素以及其子元素
$("p").removeAttr("style"); // 移除所有子元素的样式里面的参数还能是其他的比如说 id 啊还有 color啊什么的只要是由attr能修改的量都能执行。
$("#div2").empty() //删除被选中的元素的子元素
$("p").remove(".test") // 删除所有p中class是test 的元素
给一个或多个元素增加一个或多个class
$("h1,h2,p").addClass("blue important"); $("div").addClass("important");
$("div").hasClass(); // 是否有该名称的class存在
元素的样式太多了之后还能删除他们多余的样式
$("h1,h2,p").removeClass("blue");
哈哈好吧又是我 互换大法~~~
$("h1,h2,p").toggleClass("blue");
样式或者是元素体替换
replaceAll() replaceWith()
两者会改变指定的内容用指定的内容来替换元素
$(document.createElement("div")).replaceAll("p");
$("p").replaceWith("<b>Hello world!</b>");
改变css样式
$("p").css({"background-color":"yellow","font-size":"200%"});
获取css样式
$("p").css("background-color");
获得当前窗口的长和宽并没有加上padding 和 margin 还有 border 的值。
$(document).height()
$(document).width()
获得长宽
$("#div1").outerWidth() // 当不加参数的时候margin值不算入其中但要加上padding的值还有border 的值,当加了true后就还要加上那个margin的宽 高也同理
wrap 给你加个爹~~ unwarp 好吧这个爹我不要了。。。。 warpAll 好吧我不仅有爹还有兄弟。。。。
$("p").wrap("<div></div>");//每个p 都有一个div包起来 $("p").unwrap(); // 删掉直接的父亲
$("p").wrapAll("<div></div>"); // 把所有的p都拿出来,整合在一起然后,他们有相同的爹。。删了也不会还原哦。。
$("p").wrapInner("<div></div>"); // 把每个选择器的内容添加一个div 好吧开始我也不知道
给内容加是这样的。。
<ul> <li><div>fasd<div><li><ul>如果是wrap的话,就是要会在li 的外面加上一个div。
offset()
返回第一个匹配的元素的坐标
x=$("p").offset(); $("#span1").text(x.left); $("#span2").text(x.top);
当然你也可以设置
$("p").offset({top:100,left:0});
offsetParent() 返回匹配坐标的父节点 你还能改变父节点的样式哦。
发现了个很叼的东西。。还能控制滚动条的位置。。。。
让滚动条在离左边100的位置没有参数的话就是返回偏移的位置
$("button").click(function(){ $("div").scrollLeft(100); });
当然还有上下的那种东西
$("button").click(function(){ $("div").scrollTop(100); });
- jquery 设置内容和属性 元素添加和删除
- jquery添加和删除元素
- jQuery添加和删除元素
- jquery添加和删除元素
- jQuery - 设置内容和属性
- jQuery - 设置内容和属性
- jQuery - 设置内容和属性
- jQuery - 设置内容和属性
- jQuery - 设置内容和属性
- jQuery - 设置内容和属性
- jQuery设置内容和属性
- jquery删除属性和添加属性
- jquery中添加属性和删除属性
- jQuery HTML 添加和删除元素
- JQuery DOM元素的删除和添加
- Jquery之获取和设置元素内容
- jquery dom和css设置元素内容
- Jquery 获取和设置元素属性值
- 1241 -- 越来越快
- VMware Horizon桌面与应用虚拟化权威指南——互动出版网
- IOS_UI_UITableView 应用 通讯录(从前往后传值不编辑)
- halcon几何匹配相关算子与参数解析
- 1242 -- 绩点换算
- jquery 设置内容和属性 元素添加和删除
- python标准库cookielib — Cookie handling for HTTP clients(一)
- 代码评审(Code Review)
- windows oracle 注册表项
- 开山之作
- 项目0 第一个
- 1243 -- 梅园食堂
- Confluence
- thinkphp中linux时间截转格式