jquery--- 属性和样式的操作设置和获取HTML、文本和值、焦点事件

1.获取p元素的title属性:

var title = $("p").attr("title");

2.给p元素加title属性(值为:栗子)和date属性(值为:2019/7/15):

$("p").attr("title":"栗子", "date":"2019/7/15");

3.删除p中的title属性:

$("p").removeAttr("title");

4.给p添加class属性(值为:another):

$("p").attr("class":"anthor");
// 追加一个high样式
$("p").addClass("high");

5.删除样式high和another:

$("p").removeClass("high another");
// 去除掉所有的样式
$("p").removeClass();

6.获取p的html元素:

<p title="选择你喜欢的水果."><strong>你喜欢的水果是?</strong></p>
var p_html = $("p").html();
console.log(p_html);    // <strong>你喜欢的水果是?</strong>

7.获取p的文本内容:

var p_text = $("p").text();
console.log(p_text);    // 你喜欢的水果是

8.获取id为address的input框的value值:

// html
<input type="text" id="address" value="请输入邮箱地址" />//js
var txt_val = $('#address').val();
console.log(txt_val);   // 请输入邮箱地址// 给Input框赋值:
$('#address').val('hello jquery!');

获取焦点/失去焦点:

// 获取焦点
$('#address').focus(function(){console.log("focus");
})
// 失去焦点
$('#address').blur(function (){console.log("blur");
})

参考《锋利的jQuery》(第2版)P80~P82

jquery--- 属性和样式的操作设置和获取HTML、文本和值、焦点事件相关推荐

jQuery遍历table中的tr td并获取td中的值
jQuery遍历table中的tr td并获取td中的值 $(function(){$("#tableId tr").find("td").each(funct ...
jQuery属性遍历、HTML操作
jQuery 拥有可操作 HTML 元素和属性的强大方法. jQuery 遍历函数 jQuery 遍历函数包括了用于筛选.查找和串联元素的方法. .add() 将元素添加到匹配元素的集合中. . ...
jQuery 效果函数，jquery文档操作，jQuery属性操作方法，jQuerycss操作函数，jQuery参考手册-事件，jQuery选择器
jQuery 效果函数方法描述 animate() 对被选元素应用"自定义"的动画 clearQueue() 对被选元素移除所有排队的函数(仍未运行的) delay() 对被选 ...
jQuery 属性与样式
.attr()与.removeAttr() jQuery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写,在jQuery DOM操作中会经常用到attr() att ...
vue 02-上计算属性、样式的操作，指令（含自定义,全局和局部）
计算属性: 是一个函数,所依赖的元数据变化时,就会再次执行典型案例todolistcomputed:{计算属性: function(){return 返回值} 使用: {{计算属性}}}与metho ...
元素的样式设置元素类样式的操作开关灯效果获取兄弟元素当前元素的兄弟元素样式
元素的样式设置 <!DOCTYPE html> <html lang="en"> <head><meta charset="UT ...
php cookie expires,php cookie类(设置、获取、删除cookie值)
分享一个php cookie操作的类,可以设置cookie.获取cookie.删除cookie. 代码: /** * php cookie类 * class:PHP_COOKIE * by www.j ...
datatable隐藏列设置及获取隐藏列的值
原文:原文链接设置隐藏列: "columns": [ { "data": "name" }, { "data": &q ...
js 操作Listbox js 获取Listbox选择的值的代码
<script type="text/javascript"> function GetValue() { var strlist = document.getElem ...

jquery--- 属性和样式的操作设置和获取HTML、文本和值、焦点事件

jquery--- 属性和样式的操作设置和获取HTML、文本和值、焦点事件相关推荐

最新文章

热门文章

jquery--- 属性和样式的操作 设置和获取HTML、文本和值、焦点事件

jquery--- 属性和样式的操作 设置和获取HTML、文本和值、焦点事件相关推荐

最新文章

热门文章

jquery--- 属性和样式的操作设置和获取HTML、文本和值、焦点事件

jquery--- 属性和样式的操作设置和获取HTML、文本和值、焦点事件相关推荐