2018年10月_有所执着

原创 jquery拼接的标签事件无效

给一个按钮添加事件有多种方式, 如:$("button").click();$("button").on("click", function(){});今天在试着从后台读取数据, 拼接成标签, 然后再给拼接而成的标签添加事件$.get("/getAboutList", function(data, status){ $.each(data, function(index,...

2018-10-29 18:00:01 1015

原创 jquery -- 学习笔记(三)

ajaxAJAX 是与服务器交换数据的技术，它在不重载全部页面的情况下，实现了对部分网页的更新jquery提供了一些与ajax相关的函数jquery的ajax函数还解决了浏览器不一致的问题load():load是jquery提供的简单但强大的ajax函数load() 方法用于加载数据，并把返回的数据放入被选元素中, 可以用于将一个文本包含进另一个文本中语法: $(sel...

2018-10-29 12:23:32 140

原创 bootstrap插件 -- (笔记四)

bootstrap插件:Bootstrap 自带 12 种 jQuery 插件，扩展了功能，可以给站点添加更多的互动利用 Bootstrap 数据 API, 可以在不编写任何代码的情况被触发引用bootstrap插件: 引入bootstrap.js 或bootstrap.min.js因为bootstrap插件依赖jquery, 所以在引入bootstrap.js 或bootstr...

2018-10-24 14:56:29 253

原创 bootstrap组件 -- (笔记三)

添加该 pagination样式来在页面上显示分页<ul class="pagination"> <li><a href="#">&laquo;</a></li> <li><a href="#">1</

2018-10-22 13:44:44 240

原创 bootstrap组件 -- (笔记二)

字体图标, 我的理解就是: 它是文字, 外观上是图片的样子字体图标用法 : <span class="glyphicon glyphicon-*"></span>根据*的不同, 生成的字体图标不同, 如下是glyphicon-user:<span class="glyphicon glyphicon-user"></span><

2018-10-19 15:06:10 288

原创 bootstrap基础和部份组件 -- (笔记一)

bootstrap:打开网页: https://v2.bootcss.com/getting-started.html 或其它网站点击下载bootstrap, 即可得到bootstrap.zip文件, 解压后的目录结构如下:所有的JavaScript插件都依赖jquery库, 所以在使用bootsrap之前时需要先导入jquery导入bootstrap和jquery, 构成基...

2018-10-18 11:43:19 200

原创 jquery -- 学习笔记(二)

.向上选取DOMparent() parents() parentsUntil()parent() 方法返回被选元素的直接父元素parents() 方法返回被选元素的所有祖先元素，它一路向上直到文档的根元素 (<html>)parents(参数) 方法筛选指定的祖先元素parentsUntil() 方法返回区间内的所有祖先元素 (开区间)$(docume...

2018-10-17 09:01:55 117

原创 CSS的盒子模型

在前端样式布局中, 经常要使用到盒子模型一个元素不仅仅包括它本身(content), 还包括内边距(padding), 边框(border), 及外边距(margin)假设下面是两部手机(1,2):content -- 手机本身(绿色)padding -- 手机与包装盒之间的距离(红色)border -- 包装盒的边框(绿色)marging -- 两个包装盒之间的距离(黄...

2018-10-12 10:30:52 85

原创 jquery -- 学习笔记(一)

.下载jquery后在页面中引入(一般放在head部份):<head> <meta charset="UTF-8"> <title>Insert title here</title> <script type="text/javascript" src='/js/jquery-3.3.1.min.js'&g

2018-10-11 17:55:29 98

原创学习笔记 -- html元素之display

行级元素:与其他元素在同一行上，内容文字或者图片的宽度不可以改变对行级元素使用宽高是无效的(height:100px;width:200px;), 左右边距 margin-right / margin-right有效上下边距 margin-bottom / margin-top无效padding-left/right/top/bottom都有效块级元素:单独占页面的一...

2018-10-09 15:18:10 257

lljxk2008的博客