张育辉
今天一共学习了三个案例
案例一:使用JQuery完成下拉列表左右选择;
主要是涉及了两个知识点:1:任何东西都可以绑定事件,包过文字内容,前提是文字必要要标签包住,绑定id
2: selected 这是一个表单下拉列表属性,代表你选中的那个,跟checked(复选框)一样
案例二:使用JQuery完成表单验证;
1:可以用后代选择器先找到表单input标签,过滤到所有你要必填项,遍历数组,
可以用$(this).parent()拿到每一个input父类标签,在后面添加*号,
2:为必填项(可以用过滤筛选)绑定一个失去焦点事件,获取该父类标签.find("span").remove();(父类标签的后代为span清除掉)为了防止累加
3:判断当前引用是否是你想要的表单,可以用jQ的is方法
4:判断相对应的value值是否为空,来做相对应的描述
5:如果是的话,拿到父类标签.append("样式和文字描述用span标签");
6:为了防止必填项为空也提交表单的话,在表单添加一个submit事件(需要返回值)
点击后可以用trigger("blur")方法,触发必填项失去焦点,没填的话后面有输入错误的样式判断样式有没有,大于0的话,就返回false,不让提交
trigger 和triggerHandler的区别
trigger触达所有的同名事件函数
triggerHandler只触发第一个同名事件的函数
案例三:响应式开发BootStrap:
好处:前段只需要写一次,可以兼容手机端,平板,电脑等等,可以自动适应屏幕大小节约成本,提高开发效率
依赖jq框架,写入之前记得导包,顺序不能乱,还要导入他的css样式,调整缩放比例就是依赖他的css样式
栅格系统:通过class = "row"来设置一行,每一行分为12等分,一行列的分的宽度需要等于12,大于12自动换行;
|