本帖最后由 小石姐姐 于 2018-1-24 16:17 编辑
JavaWb开发-基础语法
基本过滤：
使用 “:”
odd奇数
even偶数
first第一个
last最后
<h2>JQuery的选择器</h2>
<!--
【基本选择器】(*****)
id选择器
* 用法:$(“#id”)
类选择器
* 用法:$(“.类名”)
元素选择器
* 用法:$(“元素名称”)
通配符选择器
* 用法:$(“*”)
并列选择器
* 用法:$(“选择器,选择器,选择器”)
【层级选择器】：
*后代选择器：使用空格
* 所有后代包含孙子及以下的元素
*子元素选择器：使用>
* 第一层的元素（儿子）
下一个元素:使用+
* 下一个同辈元素
兄弟元素:使用~
* 后面所有的同辈元素
【***基本过滤选择器】
:first
:last
:not(selector)
* :even - 偶数
* :odd - 奇数
* :eq(index)
:gt(index)
:lt(index)
:header
:animated
:focus
【内容选择器】
:contains(text)
:empty
:has(selector)
:parent
【属性选择器】
[attribute]
[attribute=value]
[attribute!=value]
[attribute^=value]
[attribute$=value]
[attribute*=value]
[attrSel1][attrSel2][attrSelN]
【表单选择器】
:input
:text
:password
:radio
:checkbox
:submit
:image
:reset
:button
:file
:hidden
【表单属性选择器】
:enabled
:disabled
:checked
:selected
jQ里多个样式可以用空格隔开
BooStrap前段响应式框架
设计一套页面能通用，无论手机，pad...
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<!--<script type="text/javascript">
/*通过function关键字来定义函数*/
function checkForm(){
//找到我们想要操作的元素,找元素的动作需要交给DOM对象中docment来去获取
var username = document.getElementById("username").value;
if(username == ""){
alert("对不起,用户名不能为null");
/*这个返回值一定要加,因为我们onsubmit的事件就是看这个返回值,默认返回的是true*/
return false;
}
var email = document.getElementById("email").value;
/*判断email是否符合正则*/
if(!email.match('[0-9]{6,10}')){
alert("对不起不符合规则");
return false;
}
}
</script>-->
<script>
/*function tip() {
document.getElementById("usernameSpan").innerHTML = "<font color='red'>用户名必须由数字和字母组成</font>"
}
function tip() {
document.getElementById("passwordSpan").innerHTML = "<font color='red'>密码必须六位组成</font>"
}*/
function tip(id,content){
document.getElementById(id).innerHTML = "<font color='red'>"+content+"</font>"
}
function check() {
if(document.getElementById("username").value == "") {
document.getElementById("usernameSpan").innerHTML = "<font color='red'>用户名不能为null</font>"
}
}
</script>
<body>
<form method="get">
<table style="border: 1px solid blue;" align="center" cellspacing="10px">
<tr>
<td>用户名:</td>
<td><input type="text" name="username" id="username"></td>
<td><span id="usernameSpan"></span></td>
</tr>
<tr>
<td>密码:</td>
<td><input type="password" name="password" id="password"></td>
<td><span id="passwordSpan"></span></td>
</tr>
<tr>
<td>邮箱:</td>
<td><input type="text" name="email" id="email"></td>
<td></td>
</tr>
<tr>
<td colspan="3"><input type="submit" value="提交"></td>
</tr>
</table>
</form>
</body>
</html>
truncate table 删除表，重新创建新表
select [distinct] 8*|列名 from XXX
if null（字段,值）
约束：用来保证数据的完整性
foreign key 外键约束
使用JS写的代码只能调用JS中的属性和方法
使用JQ写的代码只能调用JQ中的属性和方法
#栅格系统
*Bootstrap提供了一套响应式，移动设备优先的流式栅格系统，随着屏幕和视口的尺寸的增加，系统会自动分为最多12列。它包含了易于使用的预定义类，还有强大的mixin用于生成更具语义的布局。
使用.row样式定义栅格的行
定义列：.col-lg-n,.col-md-n,.col-sm-n,.col-xs-n
|
|
收藏
淘帖
踩
