jquery笔记(操作HTML)

获取:

$("selector").text(): 获取元素里面的文本

$("selector").html(): 获取元素里面的代码标签

$("selector").value(): 获取元素里面的值

$("selector").attr(): 获取元素的属性

设置:

设置文本:$("selector").text("text")

设置html代码:$("selector").html("html")

设置值:$("selector").val("value")

设置属性:$("selector").attr({"attr1" : "attr1","attr2" : "attr2"});

添加元素:

$("selector").append("html代码"):在元素末尾追加html代码

$("selector").prepend("html代码"):在元素开头追加html代码

$("selector").after("html代码"):在元素之前追加html代码

$("selector").before("html代码"):在元素之后追加html代码

删除元素:

$("selector").remove("selector"):删除被选元素(及其子元素),可以采用选择器过滤删除

$("selector").empty("selector"):从被选元素中删除子元素

CSS类:

$("selector").addClass("classname1 classmame2"):添加多个css类

$("selector").removeClass("classname1 classname2"):移除多个css类

$("selector").toggleClass("classname1 classname2"):添加/移除多个css类切换

$("selector").css("class1, class2"):设置css样式,可多个

尺寸:

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

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

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

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

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

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

时间: 2024-10-02 21:09:14

jquery笔记(操作HTML)的相关文章

jQuery DOM操作之结点转移复制

jQuery DOM操作之结点转移复制 $('div').append($('p'))这样即可把p标签移动到div标签里 $('div').append( $('p').html() )是把p标签里的内容复制到div标签里 $('div').append( $('p').clone(true))是复制一份到div标签里,原来的标签还保留着 $(function(){ $(".nm_ul li").click(function(){ //当clone参数设置为true时还可以将按钮上绑定

前端:jQuery笔记

前端:jQuery笔记 此系列文章乃是学习jQuery的学习笔记. Asp.net MVC Comet推送 摘要: 一.简介 在Asp.net MVC实现的Comet推送的原理很简单. 服务器端:接收到服务器发送的AJAX请求,服务器端并不返回,而是将其Hold住,待到有东西要通知客户端时,才将这个请求返回. 客户端:请求异步Action,当接收到一个返回时,立即又再发送一个. 缺点:会长期占用一个Asp...阅读全文 posted @ 2015-02-10 12:01 逆心 阅读(1072)

jQuery简单操作

jQuery简单操作 一:简介 在前端方面一直很小白.只了解一些基本的JS.还不是太熟悉.jQuery也是.用的时候有时候很简单的用法还要去查.系统的学习一下.把常用的记录一下做个备忘.也是笔记.不断更新... 二:常用函数 1.$('#id').remove()--移除id为id的元素. 2.$('#id').empty()-- 移除id为id的元素中的内容. 三:实用插件 1.table中合并相同内容的单元格: a)       内容: //封装的一个JQuery小插件.实现相同内容合并单元

jQuery HTML 操作

jQuery 包含很多供改变和操作 HTML 的强大函数. 改变 HTML 内容 语法 $(selector).html(content) html() 函数改变所匹配的 HTML 元素的内容(innerHTML). 实例 $("p").html("W3C HTML"); 查看示例 添加 HTML 内容 语法 $(selector).append(content) append() 函数向所匹配的 HTML 元素内部追加内容. 语法 $(selector).prep

Jquery CSS 操作 - height() 方法

一.height() 方法 height() 方法返回或设置匹配元素的高度 $(".btn1").click(function(){ $("p").height(50); }); height方法事例 Jquery CSS 操作 - height() 方法,码迷,mamicode.com

jQuery 属性操作

方法 描述 addClass() 向匹配的元素添加指定的类名. attr() 设置或返回匹配元素的属性和值. hasClass() 检查匹配的元素是否拥有指定的类. html() 设置或返回匹配的元素集合中的 HTML 内容. removeAttr() 从所有匹配的元素中移除指定的属性. removeClass() 从所有匹配的元素中删除全部或者指定的类. toggleClass() 从匹配的元素中添加或删除一个类. val() 设置或返回匹配元素的值. 获得内容 - text().html()

深入学习jQuery节点操作

× 目录 [1]创建节点 [2]插入节点 [3]删除节点[4]复制节点[5]替换节点[6]包裹节点 前面的话 DOM节点操作包括创建节点.插入节点.移除节点.替换节点和复制节点.jQuery也有类似的方法,此外,还扩展了包裹节点.本文将详细介绍jQuery节点操作 创建节点 创建节点的流程比较简单,包括创建节点.添加属性和添加文本.若应用原生方法,一般地,包括document.createElement().setAttribute()和innerHTML var ele = document.

jQuery的操作

jQuery可以操作的样式可以分成两种css和class两种样式.css又可以分成三种:1:设置单个样式. 2:设置多个样式. 3:获取样式. class可以分成用法: 1:添加class样式. 2:移除class样式. 3:判断class样式. 4:切换class样式. jQuery操作也可以做动画,比较常用的有以下几种: 1:slideDown slideUp slideToggle slideDown(speed,callback) slideDown slideUp是滑入和滑出的意思,效

jQuery Ajax 操作函数

jQuery Ajax 操作函数 jQuery 库拥有完整的 Ajax 兼容套件.其中的函数和方法允许我们在不刷新浏览器的情况下从服务器加载数据. 函数 描述 jQuery.ajax() 执行异步 HTTP (Ajax) 请求. .ajaxComplete() 当 Ajax 请求完成时注册要调用的处理程序.这是一个 Ajax 事件. .ajaxError() 当 Ajax 请求完成且出现错误时注册要调用的处理程序.这是一个 Ajax 事件. .ajaxSend() 在 Ajax 请求发送之前显示

Jquery DOM 操作列表

jQuery 文档操作方法 这些方法对于 XML 文档和 HTML 文档均是适用的,除了:html(). jQuery 属性操作方法 下面列出的这些方法获得或设置元素的 DOM 属性. 这些方法对于 XML 文档和 HTML 文档均是适用的,除了:html(). jQuery CSS 操作函数 下面列出的这些方法设置或返回元素的 CSS 相关属性.