w3school---JQuery HTML

DOM = Document Object Model（文档对象模型）

三个简单实用的用于 DOM 操作的 jQuery 方法：

text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容（包括 HTML 标记）
val() - 设置或返回表单字段的值

获取属性 - attr()： $("#w3s").attr("href")；设置属性值： $("#w3s").attr("href","http://www.w3school.com.cn/jquery");使用对象（{"href":"www","title":"http"}）可以同时设置多个。

text()、html() 以及 val() 的回调函数:

回调函数由两个参数：被选元素列表中当前元素的下标i，以及原始（旧的）值origValue。

$("button").click(function(){$("#w3s").attr("href", function(i,origValue){   return origValue + "/jquery"; });  });

添加新的 HTML 内容

append() - 在被选元素的结尾插入内容，在元素中
prepend() - 在被选元素的开头插入内容，在元素中
after() - 在被选元素之后插入内容，
before() - 在被选元素之前插入内容

删除元素/内容

jQuery remove() 方法删除被选元素及其子元素。

jQuery empty() 方法删除被选元素的子元素。

jQuery remove() 方法也可接受一个参数，允许您对被删元素进行过滤。即只删除带参数的

jQuery 操作 CSS （css参数）

addClass() - 向被选元素添加一个或多个类
removeClass() - 从被选元素删除一个或多个类
toggleClass() - 对被选元素进行添加/删除类的切换操作
css() - 设置或返回样式属性。返回（首个）指定的 CSS 属性的值，设置样式css({"propertyname":"value","propertyname":"value",...});

宽高：

width()、height()：获取 $(document).width(); $(window).width(); 设置：$("#div1").width(500).height(500);
innerWidth()、innerHeight() 返回元素的宽高（包括内边距）
outerWidth()、outerHeight()返回元素的宽高（包括内边距和边框）

转载于:https://www.cnblogs.com/zmxie/p/3754128.html

w3school---JQuery HTML相关推荐

w3school css6,w3School jquery学习选择器
选择器在jQuery中,我们一般通过一个字符串来标识匹配的元素,例如: $("#uid"); // 选取id属性为"uid"的单个元素 $("p&q ...
转载JQuery 获取设置值，添加元素详解
转载原地址 http://www.cnblogs.com/0201zcr/p/4782476.html jQuery 获取内容和属性 jQuery DOM 操作 jQuery 中非常重要的部分,就是操 ...
jQuery - 设置内容和属性
通过 text().html() 以及 val() 方法来设置内容: $("#btn1").click(function(){$("#test1").text( ...
[jQuery] jQuery函数
(1)文档就绪函数 $(document).ready(function(){ --- jQuery functions go here ---- }); 为了防止文档在完全加载(就绪)之前运行 jQ ...
jQuery（一）—— jQuery 概述 / jQuery 选择器 / jQuery 样式操作 / jQuery 效果
原以为 jQuery 不需要学习,但是接触了一些 VUE 框架,发现用到了好多 jQuery 的知识,于是返回来重新学习.本系列笔记大概分为三篇,陆续更新. 参考:W3school -- jQuery ...
jQuery是一个JavaScript库极大的简化JavaScript编程
jQuery是一个JavaScript库极大的简化JavaScript编程 1.jQuery 库包含以下特性: HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScr ...
jQuery - 设置div的内容和属性
jsp中设置div的值: 三种方法: ①html ②text ③val (如果是input标签,只能使用val设置值!) <!DOCTYPE html> <html> < ...
jQuery设置内容和属性
jQuery设置内容和属性一.设置内容以及回调函数方法 text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容(包括 HTML 标记) val() - 设置或返 ...
常用网站--前端开发类+网页设计类+平面素材类+flash类
前端开发类 animate CSS 前端开发网我爱CSS 大家网 W3School jQuery开发技术详解教程视频 jQuery中文社区 jQueryChina 网页设计类禅意花园 CSS Do ...
替换a链接的href和title
新项目准备验收,客户检测网页有安全隐患,说是当前网页使用"http://"有风险,指定外部链接不用"http://"怎么整-- 后来想到用JS替换字符串去操作, ...

w3school---JQuery HTML

添加新的 HTML 内容

删除元素/内容

jQuery 操作 CSS （css参数）

w3school---JQuery HTML相关推荐

最新文章

热门文章