好记心不如烂笔头之JQuery学习,第三章
第三章中主要讲了几个对DOM进行操作的方法。
归纳如下:
属性的获取和设置:
//属性的获取
$("li").attr("title");
//属性的设置
$("li").attr("title","test");
//批量属性的设置
$("li").attr({"title":"test","id":"test2"......});
删除属性:
$("p").removeAttr("title");
创建节点:
这个很好玩,完全就是直接写html代码就好
$("<b title = "xxx">xxx</b>")
插入节点:
这个就臭又长了~而且很好玩,他找到几个插几个找一个标签p,找到100个他就插100个,
直接在p的内部插入,插到最后面。
$("p").append($("<b>xxx</b>"));
将$txt插到p1内部,注意语法,是前插后
var $txt = $("<b>World</b>");
$txt.appendTo("#p1");
prepend()查到元素内部前面
$("p").prepend($("<b>xxx</b>"));
prependTo()前面的元素插到后面元素内部前面
after()插到指定元素之后(同级)
insertAfter()前插后
before()插到指定元素之前(同级)
insertBefore()前插后
删除节点:
这个简单,找到节点,一个remove()
$li = $(ul li:eq(0)).remove();
但是他会返回一个删除掉的子节点哦。
删除子节点
empty()
$(ul li:eq(0)).empty
注意,其中的文字也算子节点哦
复制节点
$(ul li:eq(0)).clone()
//其中如果clone(true)的话可以连里面的事件一起复制
替换节点:
$("p").replaceWith("<b>xxx</b>");
//或者
$("<b>xxx</b>").replaceAll("p")
包裹节点:
将已有的节点用其他标签包裹起来:如:<b>xx</b>包裹一个p:<p><b>xxx</b></p>
$("b").wrap("<p></p>");
但是这个只能包裹单个如果相同的标签有一堆,他会一个个包裹起来
所以有了:wrapAll()
$("strong").wrap("<b></b>");
多个的就被一个包裹起来了。
样式操作:
除了传统的属性设定指望,还有有addClass(),追加样式
找到元素,使用addClass("样式名");即可在原有样式后空格再来一个样式
移除样式removeClass("样式名");
获取html内容:类似innerHTML
$("#p1").html()
获取text内容:类似innerText
$("p").text();
获取value值,在选择之类的地方很好用哦
$("single").val();//获取值
$("single").val("1");//指定值
遍历DOM:
.children()方法,遍历指定元素下子节点
next()下一个同级节点
prev();上一个同级节点
siblings();获取所有同级元素
css操作:
获取节点,然后进行css设定:
$("P").css("color":"red","backgroundColor":"blue")
好记心不如烂笔头之JQuery学习,第三章的更多相关文章
- 好记心不如烂笔头之JQuery学习,第二章
jQuery获取元素不需要担心元素不存在而报错,但是无论怎样 $("#xxx") 是一定会有返回值的,无论存不存在元素,那么依然是要对元素做判断的,判断的方法常见两种 1.看返回的 ...
- 好记心不如烂笔头之JQuery学习,第四章
---恢复内容开始--- JQuery中的事件和动画 JQuery中的事件: $(document).ready()该事件和JS中的window.load类似,但是window.load中需要等待所有 ...
- 好记心不如烂笔头之jQuery学习,第一章
jQuery对象和DOM对象的转换: 1.jquery对象是对象数组,于是乎: var $cr = $('#cr'); var cr = $cr[0]; 2.使用jquery的自带函数: var $c ...
- 好记心不如烂笔头,ssh登录 The authenticity of host 192.168.0.xxx can't be established. 的问题
用ssh登录一个机器(换过ip地址),提示输入yes后,屏幕不断出现y,只有按ctrl + c结束 错误是:The authenticity of host 192.168.0.xxx can't b ...
- 好记心不如烂笔头,ssh登录 The authenticity of host 192.168.0.xxx can't be established. 的问题
用ssh登录一个机器(换过ip地址),提示输入yes后,屏幕不断出现y,仅仅有按ctrl + c结束 错误是:The authenticity of host 192.168.0.xxx can't ...
- jQuery系列 第三章 jQuery框架操作CSS
第三章 jQuery框架操作CSS 3.1 jQuery框架的CSS方法 jQuery框架提供了css方法,我们通过调用该方法传递对应的参数,可以方便的来批量设置标签的CSS样式. 使用JavaScr ...
- jquery学习笔记(三):事件和应用
内容来自[汇智网]jquery学习课程 3.1 页面加载事件 在jQuery中页面加载事件是ready().ready()事件类似于就JavaScript中的onLoad()事件,但前者只要页面的DO ...
- [jQuery学习系列三 ]3-JQuery学习二-字典操作
前言:如果看过了第一篇和第二篇, 相信大家会对jQuery有个初步的认识了, 对于jQuery的选择器和数组的操作都已经很熟悉了, 这一篇就单独罗列jQuery中字典的操作相关的内容. 1. 数组中添 ...
- Jquery学习(三)选择
1.Jquery最重要的是选择. 学习要点: 1.简单选择器 2.进阶选择器 3.高级选择器 ①简单选择器. 最简单的也就是最经常使用的,最经常使用的一般也是 ...
随机推荐
- echart图表控件配置入门(一)
现在主流的web图表控件主要有hightchart.fusionchart.echart: echart作为百度前端部门近期推出的一个基于html5的免费图表控件,以其丰富图表类型和良好的兼容性速度得 ...
- 拜托,这才是“Uber”的正确读法
在美国,私家车主可以注册成为Uber司机,这对传统的出租车行业形成了很大的挑战,同时也让Uber始终处于舆论的风口浪尖. 7月14日,美国用车应用Uber正式宣布进入北京市场.在进入中国后,Uber选 ...
- python实现不可修改的常量
因为种种原因,Python并未提供如C/C++/Java一样的const修饰符,换言之,python中没有常量,至少截止2015年年末,还没有这个打算.Python程序一般通过约定俗成的变量名全大写的 ...
- F2063 Could not compile used unit 'tt.pas'
install packge error F2063 Could not compile used unit 'tt.pas' 有可能是工程的pas文件相对路径不对.在工程管理看是否能打开文件,如果打 ...
- Django中如何使用django-celery完成异步任务2(转)
原文链接: http://www.weiguda.com/blog/74/ 在上一篇博文中, 我们介绍了如何在开发环境中使用Celery. 接下来我们介绍一下如何在部署环境使用Celery. 1. 简 ...
- 适应所有浏览器的cookie
//设置cookie的方法 weiyingfunction SetCookie(a, b) { var d = new Date(); var v = arguments; ...
- C#判断当前操作系统
private OperatingSystem os = System.Environment.OSVersion; os.Version.Major.ToString(); ) { //Win7系统 ...
- POJ 3175 Finding Bovine Roots (暴力求解)
题意:给定一串数字,问你这是一个数字开方根得到的前几位,问你是哪个数字.析:如果 x.123... 这个数字的平方是一个整数的话,那必然sqr(x.124) > ceil(sqr(x.123)) ...
- hdoj 5386 Cover
题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=5386 倒着推的一个挺暴力的题,看着和数学有关系,然而并没有, 不要一看到含有数学元素就考虑这是一个数学 ...
- maven profile动态选择配置文件
一.背景 在开发过程中,我们的软件会面对不同的运行环境,比如开发环境.测试环境.生产环境,而我们的软件在不同的环境中,有的配置可能会不一样,比如数据源配置.日志文件配置.以及一些软件运行过程中的基本配 ...