学习js和jQuery总结

Posted qijiang123

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了学习js和jQuery总结相关的知识,希望对你有一定的参考价值。

数据类型的转换:
1.字符串必须放在引号内
2.字符串的转换有两个标签,string和tostring这两个函数。
3.变量必须使用驼峰形式,
把一个变量转换成字符串:console.log(isChild.toString());
类型转换
1.除0之外的所有数字,转换为布尔型都为true
2.除“”之外的所有字符,转换为布尔型都为true
3.null和undefined转换为布尔型为false
var x=1;
console.log(Boolean(x));
把字符串强制转换成布尔类型了。

算数运算符:
什么是表达式:
将同类型的数据(如常量,变量,函数)用运算符号按一定的规则连接起来,有意义的十字称为表达式。
三元操作符:
语法:条件?执行代码1;执行代码2
说明:可代替简单的if语句,如果条件成立,执行代码1,否则执行代码2
var soce=85;
var result=(soce>=60)?"及格":“不及格”;
console.log(result);

逻辑操作符:
&&与操作符:所有条件都为true返回的也是true,一个条件为false结果为false
如果第一个操作数隐士类型的转换后为true,则返回第二个操作数。
如果第一个操作数隐士类型的转换后为false,则返回第一个操作数结果。
||或运算符只要有一个条件成立,就为true。

条件语句:;
if 语句的表达式:
语法一:if(condition){
statement1;
}
例子:var a=8;
if(a<18){
alert("您还没成年")
}
语法二:
if(condition){
statement1;
}else{
statement2;
}
语法二示例:
prompt():功能输入框
返回值:1点击确定,返回输入内容2.点击取消,返回null
var age=prompt("请输入您的年龄");
if(age<18){
alert("你没")
}
else{
alert("你好")
}
语法三:
if(condition){
statement1;
}else if{
statement2;
}
else {
statement3;
}

if(age<18){
alert("你没")
}
else if(age>=18 && age<=59){
alert("你可以")
}else{
alert(“您已操作”)
}

bom:
window:实例,所有的全局变量和所有的全局变量的方法都被归在windows上了。
var age=15;
function sayAge(){
alert(‘我‘+age);

}
window.username="marry";
window.sayName=function(){
alert("我是"+this.username);
}
sayAge();
window.sayName;
window.alert(“content”)
弹出一个对话框加一个按钮的东西。
window。confirm(“message”)
功能显示一个带有指定消息和OK及取消按钮的对话框
window.open(pageURL,name,perameters)
打开一个新的浏览器窗口或查找一个已命名的窗口

清除超时调用;
间歇调用:setInterval(code,millisec)
功能:每隔指定的时间执行一次代码
代码示例:
var num=1,
max=10,
timer=null;
//每隔一秒种num递增一次,直到num的值等于max清除。
var num=1,
max=10;
timer=null;
timer=setInterval(function(){
num++;
if(num>max){
clearInterval();
}
console.log(num);
},1000)

location对象:location对象提供了与当前窗口中加载的文档有关的信息,还提供了一些导航的功能,它既是
window对象的属性,也是document对象的属性。就是返回当前页面的ip地址。

history:它表示当前窗口的浏览器历史。
History对象保存了当前窗口访问过的所有页面网址。
history.back()
等同于
history.go(-1)相当于浏览器的返回箭头的那个功能。
方法有
history.forward() 回到历史记录的第二步
history.back()
history.go() //刷新当前页面

Screen对象属性
screen.availWidth
返回可用的屏幕宽度
screen.availHeight
返回可用的屏幕高度

通过jQuery如何修改边框?

$("#input").focus(function(){
$("#input_out").css("borderColor","#19b955"); //修改边框的颜色
 });
$("#input").blur(function(){
$("#input_out").css("borderColor","#bbb");
});
$("#input").focus()
});
如何监听事件
$("#input").keyup(function(){
console.log($("#input").val())

以上是关于学习js和jQuery总结的主要内容,如果未能解决你的问题,请参考以下文章

web前端学习总结--JQuery

jQuery的基础总结

js学习总结----jQuery之动画 ajax 事件

JS和JQuery的总结

JS和JQuery总结

js和jQuery的总结