随笔分类 -  jQuery

摘要:empty() empty 顾名思义,清空方法,但是与删除又有点不一样,因为它只移除了 指定元素中的所有子节点。 <body> <div id="test"> <p>p元素1</p> <p>p元素2</p> </div> <button>点击通过jQuery的empty移除元素</button> < 阅读全文
posted @ 2019-10-25 17:36 wzndkj 阅读(3032) 评论(0) 推荐(0) 编辑
摘要:往某个元素内部的结尾添加 append() appendTo() append() <body> <button id="bt1">点击通过jQuery的append添加元素</button> <div class="content"></div> <script type="text/javasc 阅读全文
posted @ 2019-10-25 16:27 wzndkj 阅读(335) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <link rel="stylesheet" href="imooc.css" type="text/css"> <style> input { display: bl 阅读全文
posted @ 2019-10-24 14:00 wzndkj 阅读(389) 评论(0) 推荐(0) 编辑
摘要:子元素筛选选择器 input、text、password、radio、checkbox submit、image、reset、button、file ... 阅读全文
posted @ 2019-10-24 13:57 wzndkj 阅读(404) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <link rel="stylesheet" href="imooc.css" type="text/css"> <script src="https://www.im 阅读全文
posted @ 2019-10-24 13:40 wzndkj 阅读(10535) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <link rel="stylesheet" href="imooc.css" type="text/css"> <script src="https://www.im 阅读全文
posted @ 2019-10-24 10:53 wzndkj 阅读(1655) 评论(0) 推荐(0) 编辑
摘要:基本筛选选择器针对的都是元素DOM节点,如果我们要通过内容来过滤,jQuery也提供了一组内容筛选选择器,当然其规则也会体现在它所包含的子元素或者文本内容上 注意事项: 阅读全文
posted @ 2019-10-23 19:59 wzndkj 阅读(209) 评论(0) 推荐(0) 编辑
摘要:很多时候我们不能直接通过基本选择器与层级选择器找到我们想要的元素,为此jQuery提供了一系列的筛选选择器用来更快捷的找到所需的DOM元素。筛选选择器很多都不是CSS的规范,而是jQuery自己为了开发者的便利延展出来的选择器 筛选选择器的用法与CSS中的伪元素相似,选择器用冒号“:”开头,通过一个 阅读全文
posted @ 2019-10-23 17:56 wzndkj 阅读(395) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <link rel="stylesheet" href="imooc.css" type="text/css"> <script src="https://www.im 阅读全文
posted @ 2019-10-23 17:39 wzndkj 阅读(595) 评论(0) 推荐(0) 编辑
摘要:在CSS中,经常会在第一行写下这样一段样式 * {padding: 0; margin: 0;} 通配符*意味着给所有的元素设置默认的边距。jQuery中我们也可以通过传递*选择器来选中文档页面中的元素 $( "*" ) 抛开jQuery,如果要获取文档中所有的元素,通过document.getEl 阅读全文
posted @ 2019-10-23 17:33 wzndkj 阅读(155) 评论(0) 推荐(0) 编辑
摘要:相比较jQuery转化成DOM,开发中更多的情况是把一个dom对象加工成jQuery对象。$(参数)是一个多功能的方法,通过传递不同的参数而产生不同的作用。 如果传递给$(DOM)函数的参数是一个DOM对象,jQuery方法会把这个DOM对象给包装成一个新的jQuery对象 <!DOCTYPE ht 阅读全文
posted @ 2019-10-23 13:35 wzndkj 阅读(2708) 评论(0) 推荐(0) 编辑
摘要:jQuery库本质上还是JavaScript代码,它只是对JavaScript语言进行包装处理,为的是提供更好更方便快捷的DOM处理与开发中经常使用的功能。我们使用jQuery的同时也能混合JavaScript原生代码一起使用。在很多场景中,我们需要jQuery与DOM能够相互的转换,它们都是可以操 阅读全文
posted @ 2019-10-23 13:27 wzndkj 阅读(9086) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示