无需申请自动送彩金68_白菜送彩金网站大全[无需申请秒送彩金]
做最好的网站
来自 无需申请自动 2019-07-10 23:52 的文章
当前位置: 无需申请自动送彩金68 > 无需申请自动 > 正文

第一章之初识Bootstrap,bind实现为函数或者类传入

为纪念10年没写blog,第一篇博文就以这样一个有趣的窍门开始吧 -___-

学习要点:

jQuery获取Select选择的Text和Value:

在ES5中,当我们调用一个函数时,如果要传入的参数是根据其他函数或条件判断生成的,也就是说不确定会传入多少个参数时,在不改变原函数的情况下该如何办呢?

1.Bootstrap 概述

var checkText=jQuery("#select_id").find("option:selected").text(); //获取Select选择的Text
var checkValue=jQuery("#select_id").val(); //获取Select选择的option Value
var checkIndex=jQuery("#select_id ").get(0).selectedIndex; //获取Select选择的索引值
var maxIndex=jQuery("#select_id option:last").attr("index"); //获取Select最大的索引值

(当然了,能避免此文所述情况发生就尽量避免,比如将参数改为object或array等等)

2.Bootstrap 特点

jQuery添加/删除Select的Option项: jQuery("#select_id").append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项)
jQuery("#select_id").prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位置)
jQuery("#select_id option:last").remove(); //删除Select中索引值最大Option(最后一个)
jQuery("#select_id option[index='0']").remove(); //删除Select中索引值为0的Option(第一个)
jQuery("#select_id option[value='3']").remove(); //删除Select中Value='3'的Option
jQuery("#select_id option[text='4']").remove(); //删除Select中Text='4'的Option

图片 1

3.Bootstrap 结构

内容清空: jQuery("#select_id").empty();

大部分人可能知道用apply能完美解决这个问题:

4.创建第一个页面

以上这篇JQuery给select添加/删除节点的实现代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

图片 2

5.学习的各项准备

您可能感兴趣的文章:

  • jquery 添加节点的几种方法介绍
  • JQuery给元素添加/删除节点比如select
  • Jquery动态添加及删除页面节点元素示例代码
  • jquery 删除节点 添加节点 找兄弟节点的简单实现
  • JQuery Ajax 异步操作之动态添加节点功能
  • jQuery循环遍历子节点并获取值的方法
  • JQuery遍历DOM节点的方法
  • JQuery中节点遍历方法实例
  • Jquery遍历节点的方法小集
  • Jquery节点遍历next与nextAll方法使用示例
  • jQuery实现动态添加节点与遍历节点功能示例

apply与call一样会将第一个参数作为函数的调用对象,即改写了调用函数内的this指针为第一个参数,如果不是对象的方法,可以不考虑this,传入一个null即可。

本节课我们主要了解一下 Boostrap 历史、特点、用途,以及为什么选择 Boostrap 来开发我们的 Web 项目。

而不同之处在于后面的参数,apply将所有要传入调用函数的参数放在一个数组中,call是与原函数一样依次追加进去。

一.Bootstrap 概述

图片 3

Bootstrap 是由 Twitter 公司(全球最大的微博)的两名技术工程师研发的一个基于HTML、CSS、JavaScript 的开源框架。该框架代码简洁、视觉优美,可用于快速、简单地构建基于 PC 及移动端设备的 Web 页面需求。

既然是数组那就可控了,根据其他函数或逻辑判断来生成数组,可达到传入动态个数参数的目的。

2010 年 6 月,Twitter 内部的工程师为了解决前端开发任务中的协作统一问题。经历各种方案后,Bootstrap 最终被确定下来,并于 2011 年 8 月发布。经过很长时间的迭代升级,由最初的 CSS 驱动项目发展成为内置很多 JavaScript 插件和图标的多功能 Web 前端的开源框架。

但是我遇到一个头疼的问题,要在用new创建对象时传入动态个参数,几年才遇到一次的问题:

Bootstrap 最为重要的部分就是它的响应式布局,通过这种布局可以兼容 PC 端、PAD以及手机移动端的页面访问。

图片 4

Bootstrap 下载及演示:

如果是用ES6,有了rest参数,上述问题全都不是问题。注意,数组args前面加三个点并不是语法错误,而是ES6提供的rest参数写法,你可以理解为将...args替换为args数组去掉方括号后的字符。

国内文档翻译官网:

图片 5

瓢城 Web 俱乐部官网:

但ES5里真的就没有办法实现了吗?毕竟ES6大部分都是语法糖,可以用babel一类的工具编译为ES5,带着疑问,我们就用babel编译一下看看得到什么:

二.Bootstrap 特点

图片 6

Bootstrap 非常流行,得益于它非常实用的功能和特点。主要核心功能特点如下:

本文由无需申请自动送彩金68发布于无需申请自动,转载请注明出处:第一章之初识Bootstrap,bind实现为函数或者类传入

关键词: