jQuery
jQuery
船长㉿
这个作者很懒,什么都没留下…
展开
-
JQ CSS选择器和效果
<style type="text/css"> .web>p { font-size: 16px; } /* *选择到所有类名中具有col-标识的元素 * * */ li[class*="col-"] { height: 100px; } </style&原创 2019-02-08 17:18:40 · 444 阅读 · 0 评论 -
获取屏幕和文档到浏览器的尺寸
<div class="web" data-itme="1"> <div style="height: 800px;" class="one">&lt原创 2019-02-08 17:02:07 · 87 阅读 · 0 评论 -
遍历
<ul class="list"> <li>1</li> <li>2</li> <li>3</li> <li&原创 2019-02-08 17:00:13 · 135 阅读 · 0 评论 -
ajax模拟百度搜索
#ajax1、$.get(url,data,success,dataType)2、$.post()3、$.ajax(settings)settings:对象,里面包含前面方法的四个参数 $.get("js/province.json",function(res){ console.log(res); })post不能够请求本地模拟的数据 /*$.post("j...原创 2019-02-08 16:58:51 · 852 阅读 · 0 评论 -
jQuery选项卡、增删改查、懒加载
#选项卡 <style type="text/css"> * { margin: 0; padding: 0; } .web{ margin: auto; width: 300px; margin-top: 50px; } .menu { width: 300px; height: 50...原创 2019-02-08 16:57:17 · 395 阅读 · 0 评论 -
正则表达式
#正则表达式用来匹配一类数据的模式语法:1、new RegExp(n)n:表示需要匹配的模式2、/n/n:表示需要匹配的模式 var reg1 = new RegExp("a"); //^,表示匹配以什么开头 //$,表示匹配以什么结尾的字符串 var reg2 = /^a$/; console.log(reg1); var str = "bacd...原创 2019-02-08 16:53:12 · 149 阅读 · 0 评论 -
悬停导航
<style type="text/css"> *{ padding: 0; margin: 0; } .web{ height: 2000px; background: skyblue; width: 100%; overflow: hidden; } .test{ width: 100%;;...原创 2019-02-08 16:49:36 · 245 阅读 · 0 评论 -
JQ三级联动
<div class="selCity"> <select class="prov" name="province"> <option value="">请选择</option&g原创 2019-02-08 16:48:42 · 457 阅读 · 0 评论 -
JQ滚动监听导航效果
<style type="text/css"> * { margin: 0px; padding: 0px; font-family: '微软雅黑'; } div { height: 400px; border: 1px solid red; width: 600px; } ul { ...原创 2019-02-08 16:47:50 · 563 阅读 · 0 评论 -
JQ hover回调函数
ready()当DOM准备就绪的时候来触发one()只能触发一次事件hover(func1,func2)func1代表鼠标移入的回调函数func2代表鼠标移出的回调函数 window.onload = function(){ console.log($("img").height()); } //下面两种写法效果相同 $(function(){ v...原创 2019-02-08 17:06:03 · 818 阅读 · 0 评论 -
JQ设置元素属性与添加删除类名
<div class="test bac sss"></div> <!--<div>1111</div>--> <input type="checkbox" checked=&q原创 2019-02-08 17:19:28 · 6827 阅读 · 0 评论 -
JQ DOM操作
<ul> <li><a>首页1</a></li> <li><a >首页2</a></li> &原创 2019-02-08 17:04:13 · 879 阅读 · 0 评论