content

DOM操作

江枫思渺然 提交于 2020-03-18 01:14:43
什么是DOM?   DOM,即Document Object Model,对象文本模型,用于方便开发者对HTML结构元素内容进行展示和修改 DOM的三种形式:DOM、HTML DOM、CSS DOM 元素内容的操作   html():获取元素中的HTML内容   html(value):设置元素中的HTML内容   text():获取元素中的文本内容   text():设置元素中的文本内容   val():获取表单中的文本内容   val(value):设置表单中的文本内容   val(array[]):设置表单首选项 元素属性操作   attr(property):获取属性property的值   attr(property,value):设置属性property的值   attr({property1:value1,property2:value2,...}):设置多个属性及属性值   attr(property,function([index][,value]){return result}):设置属性property的值用function返回,index为下标,value为原来的值   removeAttr(property):移除属性property 元素样式操作   css(style):获取css样式值   css(style,value):设置css样式   css

jquery总结04-DOM节点操作

倾然丶 夕夏残阳落幕 提交于 2020-03-18 01:14:05
一般js操作节点 ①创建节点(元素文本)document.createElement innerHTML ②添加属性 setAttribute ③加入文档 appendChild 操作繁琐还有兼容性问题 jquery操作节点 ①$('<div class="a">jquery</div>") 直接在$("")里写元素 文本 属性 要注意闭合标签和使用标准的的xhtml格式 ②加入文档支持了好多函数 向下添加节点 $('.a').append(content) 在a元素内的最后添加内容 $(content).appendTo('.a')只不过换了一种方式 $('.a').prepend(content) 在a元素内的最开始添加内容 $(content).prependTo('.a') 同级添加节点 $('.a').after(content) 在a元素同级后添加内容 $(content).insertAfter('.a') $('.a').before(content) 在a元素同级后添加内容 $(content).insertBefore('.a') 向上父及包裹节点 $('.a').wrap("<div></div>") 给匹配的元素每一个外部包一有个html结构 每个都被包裹了 $('.a').wrapInner("<div></div>")

thymeleaf简单语法、js的请求

柔情痞子 提交于 2020-03-17 22:47:45
thymeleaf简单语法 参考博客: https://www.cnblogs.com/msi-chen/p/10974009.html 参考博客: https://segmentfault.com/a/1190000017563310#item-1-9 js的请求: https://blog.csdn.net/weixin_33734785/article/details/92405678 <!-- 评论编辑区--> < div class = " ui form " > < div class = " field " > < textarea id = " content " name = " content " placeholder = " 请输入评论信息... " > </ textarea > </ div > < div class = " fields " > < div class = " field m-margin-bottom-small m-mobile-wide " > < button class = " ui teal button m-mobile-wide " id = " submitContent " > < i class = " edit icon " > </ i > 发布 </ button > </ div > </ div > <

JQuery HTML操作

☆樱花仙子☆ 提交于 2020-03-17 02:45:38
jQuery HTML 操作 函数 描述 $(selector).html(content) 改变被选元素的(内部)HTML $(selector).append(content) 向被选元素的(内部)HTML 追加内容 $(selector).prepend(content) 向被选元素的(内部)HTML “预置”(Prepend)内容 $(selector).after(content) 在被选元素之后添加 HTML $(selector).before(content) 在被选元素之前添加 HTML jQuery 文档操作方法 这些方法对于 XML 文档和 HTML 文档均是适用的,除了:html()。 方法 描述 addClass() 向匹配的元素添加指定的类名。 after() 在匹配的元素之后插入内容。 append() 向匹配的元素内部追加内容。 appendTo() 向匹配的元素内部追加内容。 attr() 设置或返回匹配元素的属性和值。 before() 在每个匹配的元素之前插入内容。 clone() 创建匹配元素集合的副本。 detach() 从 DOM 中移除匹配元素集合。 empty() 删除匹配的元素集合中所有的子节点。 hasClass() 检查匹配的元素是否拥有指定的类。 html() 设置或返回匹配的元素集合中的 HTML 内容。

css权重

两盒软妹~` 提交于 2020-03-16 12:05:11
除了 浮动 之外,css权重问题是你要了解的,最复杂的一个概念之一。css每条规则权重的不同,是你所期望的效果,没有通过css规则在元素上生效的主要原因。为了减少调试bug的时间,你需要了解浏览器是怎样解析你的代码的。为了完成这个目标,你需要对权重是如何工作的,有一个清楚的认识。很多Css出现问题的场景,都是某处定义了一个更高权重的规则,导致此处规则不生效。 Css权重问题并不简单,而且有很多或具体或抽象的理论来解释这个问题。本文也将探讨这个问题,我相信如果你喜欢星球大战的话你肯定会理解这些概念的~ 我们将会讨论关于css权重的主要问题,包括例子,规则,原理,通用解决方案以及一些资源。 CSS权重:概述 权重决定了哪一条规则会被浏览器应用在元素上。 权重的不同,是你所期望的效果,没有通过css规则在元素上生效的主要原因。 权重的级别划分时包含了所有的css选择器 如果两个选择器作用在同一元素上,则权重高者生效。 权重的级别根据选择器被划分为四个分类:行内样式,id,类与属性,以及元素。 你可以通过 CSS权重之争 进一步了解CSS权重。 你也可以通过 CSS Specificity for Poker Players 进一步了解CSS权重。 如果两个选择器权重值相同,则最后定义的规则被计算到权重中(后面定度的CSS规则权重要更大,会取代前面的CSS规则) 如果两个选择器权重值不同

网站首页head区代码规范收藏

心已入冬 提交于 2020-03-16 11:06:54
网站首页head区代码规范 head区是指首页HTML代码的<head>和</head>之间的内容。 必须加入的标签 1.公司版权注释 <!--- The site is designed by Maketown,Inc 06/2000 ---> 2.网页显示字符集 简体中文:<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312"> 繁体中文:<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=BIG5"> 英 语:<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1"> 3.网页制作者信息 <META name="author" content=" webmaster@maketown.com "> 4.网站简介 <META NAME="DESCRIPTION" CONTENT="xxxxxxxxxxxxxxxxxxxxxxxxxx"> 5.搜索关键字 <META NAME="keywords" CONTENT="xxxx,xxxx,xxx,xxxxx,xxxx,"> 6.网页的css规范 <LINK href="style/style.css"

jQuery基础语法知识梳理

半世苍凉 提交于 2020-03-16 07:56:21
一、attr() attr()方法设置或返回元素的属性。 attr(属性名):获取元素属性名的值。 attr(属性名,属性值):设置元素属性名的值。 例子: <a href=”http://127.0.01” id =”a1”>点我就变</a> <div>我改变后的地址是:<span id=”tip”></span></div> <script type=”text/javascript”> $("#a1").attr(“href”,”www.imooc.com”); var $url = $(“a1”).attr(“href”); $("#tip").html($url); </script> 二、html()、text() html():获取元素的html内容,原文的格式代码也被抓取 text():获取元素的html内容,原文的格式代码没有抓取。 如果方法中包含参数,则表示将参数值设置为元素内容。 例子: <div id=”html”></div> <div id=”text”></div> <script type=”text/javascript”> var $content=”<b>你好</b>”; $(“#html”).html($content); $(“#text”).text($content); </script> 三、addClass()、css()

HTMl中Meta标签和meta property=og标签含义

情到浓时终转凉″ 提交于 2020-03-15 05:06:48
meta是head区的一个辅助性标签。其主要作用有:搜索引擎优化(SEO),定义页面使用语言,自动刷新并指向新的页面,实现网页转换时的动态效果,控制页面缓冲,网页定级评价,控制网页显示的窗口等! meta标签共有两个属性,它们分别是http-equiv属性和name属性。 http-equiv属性 1、<meta http-equiv="Content-Type" contect="text/html";charset=gb_2312-80">和 <meta http-equiv="Content-Language" contect="zh-CN">用以说明主页制作所使用的文字以及语言;又如英文是ISO-8859-1字符集,还有BIG5、utf-8、shift-Jis、Euc、Koi8-2等字符集; 2、<meta http-equiv="Refresh" contect="n;url=http://yourlink">定时让网页在指定的时间n内,跳转到页面http://yourlink; 3、<meta http-equiv="Expires" contect="Mon,12 May 2001 00:20:00 GMT">可以用于设定网页的到期时间,一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式; 4、<meta http-equiv="Pragma"

评论树

[亡魂溺海] 提交于 2020-03-13 10:09:43
model.py class Comment(models.Model): """ 评论表 """ nid = models.AutoField(primary_key=True) article = models.ForeignKey(verbose_name='评论文章', to='Article', to_field='nid') user = models.ForeignKey(verbose_name='评论者', to='UserInfo', to_field='nid') content = models.CharField(verbose_name='评论内容', max_length=255) create_time = models.DateTimeField(verbose_name='创建时间', auto_now_add=True) parent_comment = models.ForeignKey('self', null=True) def __str__(self): return self.content views.py def comment_tree(request,article_id): comment_list=list(Comment.objects.filter(article_id=article_id).values(

评论楼

我的未来我决定 提交于 2020-03-13 10:03:41
从数据库中取出本篇博客的所有评论 使用python语句将评论整理成具有层级关系的列表 typename=request.POST.get('typename') comment_list = models.comment.objects.filter(article_id=int(typename)).values("id", "content", "user__nickname", "parent_id_id") comment_dict = {} for item in comment_list: item["child"] = [] comment_dict[item['id']] = item comment = [] for item in comment_list: pid = item["parent_id_id"] if pid: comment_dict[pid]["child"].append(item) else: comment.append(item) 方式一: 后台生成html字符串(递归函数) def comment_tree(comment_list): # [{'child': [{'child': [{'child': [], 'user__nickname': 'egon', 'content': '哪里不好啊', 'create_time':