比例缩放 on() prop() 正则表达式

$('#banner-section').css('height',$(window).width() / 1900 * 490 );
$(window).resize(function(){
    $('#banner-section').css('height',$(window).width() / 1900 * 490 );
});

当浏览器的窗口大小发生变化就会触发resize()方法

jQuery on()方法是官方推荐的绑定事件的一个方法。
on() 方法在被选元素及子元素上添加一个或多个事件处理程序。

on() 方法是 bind()、live() 和 delegate() 方法的新的替代品。该方法给 API 带来很多便利，我们推荐使用该方法，它简化了 jQuery 代码库。

注意：使用 on() 方法添加的事件处理程序适用于当前及未来的元素（比如由脚本创建的新元素）。

提示1：如需移除事件处理程序，请使用 off() 方法。

提示2：如需添加只运行一次的事件然后移除，请使用 one() 方法。

语法：$(selector).on(event,childSelector,data,function)

对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。
对于HTML元素本身就带有的固有属性(eg:href、target、class)，在处理时，使用prop方法。
prop() 方法设置或返回被选元素的属性和值。

当该方法用于返回属性值时，则返回第一个匹配元素的值。 console.log($("div").prop("color"));

当该方法用于设置属性值时，则为匹配元素集合设置一个或多个属性/值对。 $("div").prop("color","FF0000");

注意：prop() 方法应该用于检索属性值，例如 DOM 属性（如 selectedIndex, tagName, nodeName, nodeType, ownerDocument, defaultChecked, 和 defaultSelected）。

提示1：如需检索 HTML 属性，请使用 attr() 方法代替。

提示2：如需移除属性，请使用 removeProp() 方法。

正则表达式：
^符号用来匹配那些以给定模式开头的字符串;$符号用来匹配那些以给定模式结尾的字符串；
当在一组方括号里使用^时，它表示"非"或"排除"的意思，常常用来剔除某个字符如第一个字符不为数字第二个字符为数字：^[^0-9][0-9]$
所有的转义序列都用反斜杠(\)打头
跟在字符或字符簇后面的花括号({ })用来确定前面的内容的重复出现的次数 如：^a{2,4}$ 可以匹配aa,aaa或aaaa
（{}）一个数字{x}的意思是前面的字符或字符簇只出现x次；   {x,}的意思是前面的内容出现大等于x；  {x,y}表示前面的内容至少出现x次，但不超过y次
*与{0,}是相等的，它们都代表着0个或多个前面的内容；？表示0个或者1个；+与{1,}是相等的，表示1个或者多个；\d：表示[0-9]

^[-]?[0-9]+\.?[0-9]+$    表示所有的浮点数 
^[A-Za-z\d]+([-_.][A-Za-z\d]+)*@([A-Za-z\d]+[-.])+[A-Za-z\d]{2,4}$    邮箱验证

trim()方法可用于去除字符串开头和结尾的空格