- 博客(14)
- 收藏
- 关注
RSS订阅原创 Flex布局语法
一.什么是Flex布局？Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。.box{ display: flex;}注意，设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。二.容器的六点属性flex-directionflex-wrapf...
2019-08-16 20:27:51
151
原创 jQuery选择器之子元素筛选选择器
1.:first只匹配一个单独的元素，但是:first-child选择器可以匹配多个：即为每个父级元素匹配第一个子元素。这相当于:nth-child(1)2:last 只匹配一个单独的元素， :last-child 选择器可以匹配多个元素：即，为每个父级元素匹配最后一个子元素3.如果子元素只有一个的话，:first-child与:last-child是同一个4.:only-child匹配某个...
2019-08-14 14:35:16
367
原创 jQ内容筛选选择器
jQ内容筛选选择器1.//查找所有class=‘div’中DOM元素中包含"contains"的元素节点//并且设置颜色$(".div:contains(’:contains’)").css(“color”, “#CD00CD”);2.//查找所有class='div’中DOM元素中包含"span"的元素节点//并且设置颜色$(".div:has(span)").css(“color”...
2019-08-14 13:51:06
353
原创 jQ中的基本选择器
一.基本筛选选择器1.//找到第一个div$(".div:first").css(“color”, “#CD00CD”);2.//找到最后一个div$(".div:last").css(“color”, “#CD00CD”);3. //:even 选择所引值为偶数的元素，从 0 开始计数$(".div:even").css(“border”, “3px groove red”);4....
2019-08-14 13:30:37
154
原创 jQ选择器小总结
一、id选择器：一个用来查找的ID，即元素的id属性id选择器也是基本的选择器，jQuery内部使用JavaScript函数document.getElementById()来处理ID的获取。原生语法的支持总是非常高效的，所以在操作DOM的获取上，如果能采用id的话尽然考虑用这个选择器二、类选择器，顾名思义，通过class样式类名来获取节点。相对id选择器来说，效率相对会低一点，但是优势就是可...
2019-08-14 11:43:29
143
原创 jQ选择器（子元素 后代元素 兄弟元素 相邻元素）
<script type="text/javascript"> //子选择器 //$('div > p') 选择所有div元素里面的子元素P $('div > p').css("border", "1px groove red"); </script> <script type="text/javascr...
2019-08-13 13:19:45
6862
原创 jQ全选选择器（*选择器）
<script type="text/javascript"> //获取页面中所有的元素 var elements2 = $("*"); //原生与jQuery方法比较 //===表示数据和类型都相等 if(elements2.length === elements1.length){ elements2.css("border...
2019-08-13 12:33:18
222
原创 jQ选择器的元素选择器
class="ilbba" 选中 class="ilbba" 选中 class="iilbba" 选中 class="iilbba" 选中 //通过原生方法处理获取到所有的节点标记名为div的...
2019-08-13 12:26:44
354
原创 class选择器与id选择器的功能区别
class选择器可以多选，而ID选择器只能选择唯一一个。但是ID选择器的效率比class选择器的高！听说还有别的其他的功能区别，后续学到再继续加上！
2019-08-13 12:05:44
259
原创 jQ对象转化为DOM对象
var $div = $(‘div’) ;//jQuery对象var div = $div.get(0); //通过get方法，转化成DOM对象div.style.color = ‘red’; //操作dom对象的属性
2019-08-13 11:41:21
1246
原创 jQ对象
使id变红原始DOM对象与jQuery对象的区别：DOM：var p = document.getElementById('ilbba'); p.innerHTML = '您好！'; p.style.color = 'red';jQuery:var $p = $('#ilbba');$p.html('您好！').css('color','red');...
2019-08-13 11:26:32
162
原创 innerHTML属性
<h2 id="con">javascript</H2><script type="text/javascript"> var mychar= document.getElementById("con"); document.write("原标题:"+mychar.innerHTML+"<br>"); //输出原h2标签内容 mycha...
2019-08-10 23:36:06
250
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人