问题: 中能不能插入? 插入会如何?...先试验一下 image.png 我们可以看到, 把分成了两段, 并且div外字段并不在内 解答: 可以在HTML标准(https://www.w3.org/TR/html401.../struct/text.html#h-9.3.1)中看到, 虽然是块级元素, 但是只能包含行内元素, 不能包含块级元素(包括自己) image.png
问题由来：中嵌套标签，两个都是块级元素，按理应该可以正常显示，但是最后的结果居然是多出来一段的效果，所以就在网上找了许多关于标签嵌套规则的资料，下面做一个个人总结。...正确 （块级嵌套内联） 有几个特殊的块级元素只能包含内嵌元素，不能再包含块级元素，这几个特殊的标签是：h1~h6、p、dt。...所以说p里面不能嵌套div，就是我犯的错误。 ... 错误 （特殊块级标签只能嵌套内联标签） 错误 （特殊块级标签只能嵌套内联标签） 块元素中嵌套的元素...，块元素和块元素并列一级，内联元素和内联元素并列一级 正确（块级和块级并列一级）
摄影：产品经理 买单：kingname 大部分的新闻网站，其新闻正文是在 p 标签中的。所以 GNE 在统计文本标签密度时，会考虑 p 标签的数量和 p 标签中文本的数量。 ?...但是也有一些网站，他们的新闻正文是在 div 标签中的，这种情况下，这些 div 标签就会干扰文本标签密度的计算。 ? div 标签在 HTML 页面布局时有很大的作用，不能随意改动。...但是，如果一个 div 标签它下面只有文本，没有任何子标签，那么这个 div 标签和 p 标签没有什么本质区别。这种情况下，可以把这些 div 标签转换为 p 标签。...' and not node.getchildren(): node.tag = 'p' 运行效果如下图所示： ?...整个修改 div 标签的过程，会直接修改Element 对象，不需要返回。
在 Vue SPA 应用中，如果想要修改 HTML 的头部标签，如页面的 title，我们只能去修改index.html模板文件，但是这个是全局的修改，如何为每个页面都设置不一样的 title 呢？...component: modifyName, meta: { title: '修改昵称' } } ] 在每一个meta里面设置页面的...使用vue-meta插件 vue-meta 主要用于管理 HMTL 头部标签，同时也支持 SSR。...vue-meta有以下特点： 在组件内设置 metaInfo，便可轻松实现头部标签的管理 metaInfo 的数据都是响应的，如果数据变化，头部信息会自动更新 支持 SSR 在页面里面增加 metaInfo
-- 如果想在标签体写内容，就不能使用src了 --> // 如果在标签体内写内容，因为js执行时，有加载顺序，会从上到下加载...-- 如果想在标签体写内容，就不能使用src了 --> // 如果在标签体内写内容，因为js执行时，有加载顺序，会从上到下加载...); // ...); }); // 段落 段落
div> 第二个段落 第三个段落 第四个段落 效果如下...div+p表示选取了所有位于 元素后的第一个 元素 上述“第零个段落”和“第一个段落”没有被选中，是因为它们都嵌套在了标签中，而不是标签后面的元素； “第二个段落”被选中...，是因为这个标签是标签后的第一个元素，且有相同的父元素； “第三个段落”和“第四个段落”没被选中是因为它们不是标签后紧邻的标签 假如希望"第三个段落..."也被选中，则需要使它的标签也在标签之后紧邻，如下 效果如下 如果标签不是紧邻，如下 效果如下 可以看到“第二个段落”没有被选中，因为相邻兄弟选择器选择的是紧接在一个元素后的元素...div+p{}表示的是选取后紧邻的元素， 但是上面代码div标签后紧邻的是标签，也就是它会选择标签后紧邻的标签，标签没有紧邻标签，
div标签 <scripttype="text/javascript"src=".....<em>标签</em> 是页面内的第几个<em>div</em><em>标签</em> alert($("div").index($("#foo"))); }); DIVAAAA $(function(){ // 将class属性值为itcast的元素下所有...(p)").addClass("test"); 含有p子元素的div :parent 选取含有子元素或文本节点的元素 $("td:parent") 所有不为空td元素选中 练习4： ² 设置含有文本内容.../jquery-1.8.3.min.js"> $(function(){ // 选择id属性mytable 下3的倍数行，
元素： /bookstore/book[last()-1] 选取最前面的两个属于bookstore元素的子元素的book元素： /bookstore/book[position()<3] 选取所有拥有名为...举例： 选取bookstore元素的所有子元素： /bookstore/* 选取文档中的所有元素： //* 选取html下面任意节点下的meta节点的所有属性： html/node()/meta/@*...爬取百度贴吧的时候，发现他的数据藏在了HTML页面的注释中，是根据js解析出来的。如果遇到诸如此类的网站，数据是根据js修改后加载的。我们只需要提供一个不支持js的浏览器版本即可。...4.1.3 通过js来反爬 普通的爬虫默认情况下无法执行js，获取js执行之后的结果，所以很多时候对方服务器会通过js的技术实现反爬。...4.利用多线程分布式： 在不被ban的请求下尽可能的提高速度。 4.3动态HTML技术了解 JS：是网络上最常用的脚本语言。
$("div"); 获取同一类标签的所有元素 并集选择器 $("div,p,li"); 使用逗号分隔，只要符合条件之一就可。...获取所有的div、p、li元素 交集选择器标签指定式选择器） $("div.redClass"); 注意选择器1和选择器2之间没有空格，class为redClass的div元素，注意区分后代选择器。...attr]") 选取所有该p标签且具有attr属性的节点 $("p[attr=a_value]") 选取所有p标签且具有attr属性并满足属性值为a_value的节点 $("p[attr^=a_value_head...]") 选取所有p标签且attr属性的属性值是以a_value_head开头的 $("p[attr$=a_value_end]") 选取所有p标签且attr属性的属性值是以a_value_end结尾的...$("p[attr*=a_value") 选取所有p标签且attr属性的属性值中包含a_value 3.8 筛选方法 语法 用法 说明 parent() $("#first").parent(); 查找父亲
jQuery 元素选择器 jQuery 使用 CSS 选择器来选取 HTML 元素。 (“p”) 选取 元素。...以下的样例把全部 p 元素的背景颜色更改为红色： $("p").css("background-color","red"); 上面的看完了我也不知道选择器是什么。。。...选取元素：(“标签名”) ⑤ 选取属性：(“[属性名]”) ⑥ 依据特征来选取元素：(“:特征”)（注意前面有个”冒号“） 这六种选择器还能够组合一下，产生很多其它的选择器。...如：(“ul li:first”)、(“div#intro .head”)） 选取当前 HTML 元素：$(this) 嵌套选择器 如：选取指定标签中的其他标签中的元素：$(标签名 *) （注意指定的标签中一定要有其他标签...class="intro">My name is Donald I live in Duckburg My best friend is Mickey <div id
/jquery-3.4.1.min.js"> // 标签选择器，获得所有的 p $("p").css("color","red"); // 类选择器...p1 p2 222 333 // 后代选择器，忽略层级，选取所有后代元素 $("#x p").css("color","red"); //...").css("color","red"); // 选取 a 标签中 href 不等于 x 的元素 $("a[href!...中的内容（包含标签信息） alert($("div").html()); // 获得 div 中的内容（不包含标签信息，只包含文本内容） alert($
element 选取指定标签名的元素 类选择器 .class 选取指定类名的元素 ID选择器 #id 选取指定id名的元素 并集选择器 selector1,selector2......选取多种元素(里面可以是标签名，类名，id名) 全局选择器 * 选取所有元素 2.2 层次选择器 语法 说明 ancestor desscendant 后代选择器 A B partn>child 子选择器...:过滤选择器； 作用：过滤指定标签； 语法 说明 :first 选取第一个元素 :last 选取最后一个元素 :not(selector) 选取除selector选择了的元素之外的元素 :even 选取索引是偶数的元素...") $(this)就是将这个dom对象转换成jquery对象，就可以对这个对象进行操作； 可以查找当前元素下的子元素； html //当鼠标访问指定的li时，指定的li下的p标签显示，鼠标移除后，对应的...) js->innerHTML html() 获取指定元素的网页内容 text(context) 给指定元素添加网页内容(不会编译标签)js->innerText text() 获取指定元素的网页内容
文章目录 一、 文字排版案例 二、设置标题 三、div 中设置布局 四、hr 标签设置横线 五、p 标签分割段落 六、设置页面总体文字大小 七、修改 h1 标签样式 八、文本中设置粗体显示 九、使用... 展示效果 : 二、设置标题 ---- 将标题放在 h1 标签中 : 狂人日记 效果如下 : 三、div 中设置布局 ---- div 标签有换行功能..., 可以设置一行的内容 ; 1918年5月15日 鲁迅 收藏本文 四、hr 标签设置横线 ---- 使用 单标签 , 设置横线 ; 狂人日记 1918年5月15日 鲁迅 收藏本文 五、p 标签分割段落 ---- 使用 p 标签分割段落 代码示例 : <!...; 1918年5月15日 鲁迅 收藏本文 九、使用 em 标签将部分文字标记为重要信息 ---- em 标签默认状态 : 某君昆仲，今隐其名
p") 包含选择器 div中所有的p 子元素 子子元素.. ...$("div > p") 子后代选择器 div中直接子后代 $("div + p")第一个兄弟p 简单选择器 :first 选取第一个元素 $("div:first")... :last 选取最后一个元素 :not(选择器) 选取不满足“选择器”条件的元素$("div:not(#id)") :even、:odd，选取索引是奇数、偶数的元素...:contains('John')") 匹配包含给定文本的元素 属性过滤选择器 $("div[id]")选取有id属性 $("div[title=test]")选取title...I would like to say: $("p").appendTo("#foo");
标签 是页面内的第几个div标签 alert($("div").index($("#foo"))); }); DIVAAAA <div class...:has(p)").addClass("test"); 含有p子元素的div :parent 选取含有子元素或文本节点的元素 $("td:parent") 所有不为空td元素选中 练习4： ²...div id="xxx" class="itcast3">FFFF PPPPPP ⑦：子元素过滤选择器 对某元素中的子元素进行选取...:last-child 选取最后一个子元素 :only-child 选取唯一子元素，它的父元素只有它这一个子元素 练习7： ² 选择id属性mytable 下3的倍数行，字体颜色为红色 ² 表格.../jquery-1.8.3.min.js"> $(function(){ // 传智播客</div
主要体现在一下几个方面： 文档申明：DOCTYPE 字符编码：charset 不区分大小写了：DIV标签与div标签一样 布尔值：主要是关于input等的checked=”checked”属性 可以省略引号...date：选取日、月、年 month：选取月、年 week：选取周和年 time：选取时间（小时和分钟） datetime：选取时间、日、月、年（UTC时间） datetime-local：选取时间、日...新增的属性 对于js进行添加的属性。...从一下几点理解： 用正确的标签做正确的事 HTML语义化能让页面更具结构化且更加清晰，便于浏览器和搜索引擎进行解析因此在兼容条件下，要尽量使用具有语义化的结构标签。...比如div与i标签。一般div是作为容器。i标签作为图标（icon）
实现上述两个功能当然可以使用原生js来完成，但在实际开发过程中很少这样做，通常会使用一些别人封装好的js库来辅助我们的工作，jQuery就是这些辅助库中的一员。...的标签，返回类型是DOM元素数组 id $('#value')，选取页面上id=value的标签 $('[name]')，选取带有name属性的标签，返回类型是DOM元素数组 $('[name="tag...选择器的综合使用 //操作多种标签 $('p,div,input').attr('name','multi'); // 一个标签使用多个样式类 <div class='main-title ng-binding...'); 或 $(':radio:checked');//选取页面上所有被选中的radiobutton //选取class属性值是style的p标签 $('p.style'); //选取div所有子元素中的...p标签 $('div p'); 或 $('div>p').; //获取值是★的td标签 $('td:contains("★")') //选择id='table'的标签中的第一个tr标签 $('#table
> 点击消失 $(document).ready(function...(){ //固定的jQ开头 $("p").click(function(){ // 选取p标签，并绑定clisk事件 $(this).hide(); //事件触发使用hide()方法（...隐藏当前标签属性） }) }) jQuery函数位于一个document ready函数中，我们需要在js中加载该函数文档 //...:奇数索引的标签 :eq()/:gt()/:lt() eq():选取指定索引的元素 ge():选取大于指定索引的元素 lt():选取小于指定索引的元素 :focus 选取所有失去焦点的元素...$("div:last").addClass("myClass");//最后一个标签 }); 内容过滤选择器 :contains(text) 选取包含text文本内容的元素；区分大小写
$("p") 选取 元素。 $("p.intro")选取所有 class="intro" 的 元素。 $("p#demo") 选取所有 id="demo" 的 元素。...下面的例子把所有 div 元素的背景颜色更改为红色： $("div").css("background-color","red") 简洁操作: $("#box").css("border", "solid...class属性来控制使用不同的样式 如果是动态递增变化的样式，可以通过JS代码进行处理。...内容操作 常规开始标签和结束标签中间的内容操作 var $boxValue = $("#box").text(); $("#box").text("添加的内容") 表单元素的数据 var $name.../ 这里面的代码，是当页面中的标签加载完成后执行的 $("li").mouseenter(function(){ $(this).children
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
