booker009的博客

1 bootstrap是一款优秀的前端框架,它能够让我们快速搭建项目,现有大量样式库可以供我们使用,可以帮助我们实现快速开发,使用bootstrap的感受基本上就是ctrl+c然后ctrl+v ,修改一下就可以实现前端页面的快速开发。创建项目,将bootstrap中的css下的文件复制进项目的css目录中,bootstrap js目录中的文件复制进入项目的js目录中,截图如下。创建HTML文件,在HTML文件中引入bootstrap中的css样式文件和JS文件。搭建bootstrap项目。

正则表达式是对字符串（包括普通字符（例如，a 到 z 之间的字母）和特殊字符（称为“元字符”））操作的一种逻辑公式，就是用事先定义好的一些特定字符、及这些特定字符的组合，组成一个“规则字符串”，这个“规则字符串”用来表达对字符串的一种过滤逻辑。匹配Email地址：\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*匹配中文字符的正则表达式： [\u4e00-\u9fa5] [a-zA-Z]匹配国内电话号码：\d{3}-\d{8}|\d{4}-\d{7}

原生js 中的通过元素.style.样式名=’样式值’的方式操作元素样式,jQuery给我们封装了css()方法,便于我们操作样式,多数情况样式选择器使用类选择器,所以jQuery针对于这一情况,给我们封装了addClass removeClass toggleClass 三个方法。原生js 中的通过元素.属性名或者元素.setAttribute()方式操作元素属性,jQuery给我们封装了attr() 和removeAttr(),更加便捷的操作属性。jQuery操作属性和样式。

1.对于表单的提交，要给form标签绑定onSubmit事件，而不是给submit按钮绑定onClick事件,onsubmit绑定的方法时要有return关键字,绑定的方法要返回true/false。判断条件不能写 username == null，而要写username==""或username.length ==0。5.验证出错要return false，验证无错要return true，并且 onsubmit="return checkForm()邮箱格式正确 必须有@和. 例如。

Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript开发的简洁、直观、强悍的前端开发框架，使得 Web 开发更加快捷。bootstrap给我提供了大量的样式,布局解决方案和插件库,可以让程序员从基本的样式设计和调试上解放,快速搭建项目.同时bootstrap还给我们提供了大量的常用网页组件,可以让我们直接复制代码后,简单修改即可使用.ctrl-c ctrl-v。它包含了功能强大的内置组件，易于定制。

("input")：标签选择器，只匹配input标签,$(":input")： 匹配所有 input, textarea, select 和 button 元素。:input 匹配所有 input, textarea, select 和 button 元素。注意$("input")和$(":input")的区别。关于表单项状态的选择器。

将常用的、复杂的操作进行函数化封装，直接调用，大大降低了使用JavaScript的难度，改变了使用JavaScript的习惯。jQuery能做的JavaScript也能做，但使用jQuery能大幅提高开发效率,由美国人John Resig在2006年推出，目前最新版本是v3.5.1。除非特殊要求，一般不会使用3.x版本的，很多老的jQuery插件不支持这个版本。因此一般项目来说，使用1.x版本就可以了，最终版本：1.12.4。q 2.x：不兼容ie678，很少有人使用，官方只做BUG维护，功能不再新增。

为什么使用jQuery?使用原生JavaScript编码存在问题1选择器功能弱2 DOM操作繁琐之极3浏览器兼容性不好4动画功能弱jQuery的优点1强大的选择器2出色的DOM封装3出色的浏览器兼容性4强大的动画功能5体积小，压缩后只有100KB左右6可靠的事件处理机制7使用隐式迭代简化编程8丰富的插件支持jQuery简介目前最流行的JavaScript函数库之一，对JavaScript进行了封装。并不是一门新语言。

可以看到提供了众多的选择器，可以非常方便简单的获取要选择的内容。这些选择器其实我们并不陌生，因为在讲解CSS样式中都有类似的选择器，并且其含义也是一样的。不同的在CSS中是对选择的内容定义CSS样式，在jQuery中用来选择内容并后续进行更多的下步操作。类选择器 $(".class") $("h2.class")ID选择器 $("#id") $("p#id")并集选择器$("elem1,elem2,elem3")后代选择器$(ul li)标签选择器 $("a")通配选择器 $("*")

简写为$(function(){}),相当于window.onload=function(){}但是功能比window.onload更强大window.onload一个页面只能写一个,但是可以写多个$() 而不冲突,window.onload要等整个页面加载完后再执行(包括图片、超链接、音视频等)，但是$()的执行时间要早。jQuery.min.js是jQuery文件的压缩版,生产环境下推荐压缩版,$是jQuery是使用最多的符号，它有多个作用。jQuery具有强大的选择器功能，后面会有专门章节进行介绍。

将常用的、复杂的操作进行函数化封装，直接调用，大大降低了使用JavaScript的难度，改变了使用JavaScript的习惯。jQuery能做的JavaScript也能做，但使用jQuery能大幅提高开发效率,由美国人John Resig在2006年推出，目前最新版本是v3.5.1。除非特殊要求，一般不会使用3.x版本的，很多老的jQuery插件不支持这个版本。因此一般项目来说，使用1.x版本就可以了，最终版本：1.12.4。q 2.x：不兼容ie678，很少有人使用，官方只做BUG维护，功能不再新增。