网站首页 > 知识剖析 正文
$(function() {
var val = $("a").attr("href");
alert(val);
}
);
//获取<a>标签的href属性的属性值,并弹窗显示
$("a").attr("href", "https://www.jquery.com");
//将<a>标签的href属性值改为https://www.jquery.com
html:
<input type="text" id="name" value="你的名字">
jquery:
$('#name').val()
html() 和 text() 方法可以用于获取和设置所选元素的内容。
然而,这些方法用于设置内容时,现有内容将被覆盖
$('<div></div>') ---创建一个<div>标签
attr('id','创建新标签') ---设置id属性值为:创建新标签
$('p').after(t)---将t元素放置在<p>标签的后边
alert(t.attr('id'))---弹窗显示t元素的id属性值
$("div").addClass("header"); //为<div>标签,添加class='header'的类名
//可以添加多个类名,中间用空格隔开
removeClass()---从元素中删除一个或多个类名
toggleClass() 方法---从所选的元素添加/删除类之间切换,这意味着如果元素指定的类存在,则它将被删除,如果不存在,则会被添加。
- 可以使用 css() 方法来获取和设置CSS属性值
$("p").css("background-color", "blue")
//获取<p>标签的background-color值,并设置为blue
设置多个属性 css({"property":"value","property":"value",...});
猜你喜欢
- 2024-11-15 HTML中为元素绑定Class属性与Style样式
- 2024-11-15 不容忽视的 8 个 DOM API(dom based)
- 2024-11-15 WebAPI详细解说【思维导图】(webapi视频教程)
- 2024-11-15 Windows端口转发小工具(window 端口转发)
- 2024-11-15 “万能”箭头函数?你可能要失望了
- 2024-11-15 React-鼠标事件处理(react doubleclick)
- 2024-11-15 深入了解 LocalStorage:JavaScript 中的数据存储利器
- 2024-11-15 JavaScript-浏览器兼容的脚本化class操作
- 2024-11-15 Bootstrap在React中的实现,易于使用的React组件——Reactstrap
- 2024-11-15 Vue3.0新特性探索(vue3.0新特性的typescript)
- 最近发表
- 标签列表
-
- xml (46)
- css animation (57)
- array_slice (60)
- htmlspecialchars (54)
- position: absolute (54)
- datediff函数 (47)
- array_pop (49)
- jsmap (52)
- toggleclass (43)
- console.time (63)
- .sql (41)
- ahref (40)
- js json.parse (59)
- html复选框 (60)
- css 透明 (44)
- css 颜色 (47)
- php replace (41)
- css nth-child (48)
- min-height (40)
- xml schema (44)
- css 最后一个元素 (46)
- location.origin (44)
- table border (49)
- html tr (40)
- video controls (49)