jQuery做效果

在写div的时候可以先设置一个边框看一下div盒子的作用范围
默认是绝对定位的
小广告需要设置父元素相对定位
在这里插入图片描述
关闭广告的函数
在这里插入图片描述

登录验证的共能
在这里插入图片描述
获取email的value值
在这里插入图片描述
登录逻辑用js写的

<script type="text/javascript">
  		function checkForm() {
  			//获取了email的value值
  			var email = document.getElementById('email').value;
  			//获取pwd的value的值
  			var pwd = document.getElementById("pwd").value;
  			//判断email是否符合要求
  			if (email=="") {
  				alert("email地址不能为空");
  				return false;
  			}else if (email.indexOf("@")==-1) {
  				alert("email地址格式错误,必须包含@符号");
  				return false;
  			}else if (pwd=="") {
  				alert('密码不能为空');
  				return false;
  			}else if (pwd.lenght<6) {
  				alert("密码长度错误");
  				return false;
  			}else{
  				return true;
  			}

  		}
  	</script>

注意浏览器从上往下执行,所以script标签放在页面的底部会防止页面找不到id等等一些问题

匿名函数的调用方法

//匿名函数
function(){
	alert(123)
};
//匿名函数的调用
(function(){
	alert(123)
})();

jQuery要学的东西在这里插入图片描述
jQuery优点:
在这里插入图片描述
在这里插入图片描述
下载jQuery尽量选择1.x而不是2.x,因为2.x不支持IE6,7,8
压缩版本用于生产环境,未压缩版本用于编码环境

用原生js写的效果和用jquery写的效果对比

<input type="button" value="点击" id="btn">
  	<script type="text/javascript">
  		//用原生js写的效果
  		function fn() {
  			var obj=document.getElementById('btn');
  			obj.style.background="red";
  		}
  		//用jquery写的效果
  		$("#btn").click(function () {
  			$("#btn").css({background:"blue"});
  		})

jQuery语法:
$(select).action();
console.log 控制台打印

jq选择器
#id: id选择器
element: 元素选择器
class: 类选择器
联合选择器
在这里插入图片描述
层级选择器
在这里插入图片描述
在这里插入图片描述
内容选择器:
在这里插入图片描述
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值