随笔分类 -  jq

something about jq
摘要:jq 加载三种写法 $(document).ready(function() { // ...代码... }) //document ready 简写 $(function() { // ...代码... }) $(document).load(function() { // ...代码... }) 阅读全文
posted @ 2019-07-28 15:33 justSmile2 阅读(131) 评论(0) 推荐(0) 编辑
该文被密码保护。
posted @ 2019-05-26 16:31 justSmile2 阅读(1) 评论(0) 推荐(0) 编辑
该文被密码保护。
posted @ 2019-04-25 14:56 justSmile2 阅读(6) 评论(0) 推荐(0) 编辑
摘要:1.轮播形式 千奇百怪,常见:透明度、位移 2.代码实现 2.1 透明度 基础代码 html <div class="my-slide"> <ul class="slide-wrapper"> <li> <a href="javascript:"><img src="http://cdn.doweb 阅读全文
posted @ 2019-04-17 18:59 justSmile2 阅读(153) 评论(0) 推荐(0) 编辑
摘要:1. stop 文档 $(selector).stop(stopAll,goToEnd) stopAll 可选。规定是否停止被选元素的所有加入队列的动画。goToEnd 可选。规定是否允许完成当前的动画。该参数只能在设置了 stopAll 参数时使用。 2. 案例代码 <!DOCTYPE html> 阅读全文
posted @ 2019-04-16 19:01 justSmile2 阅读(580) 评论(0) 推荐(0) 编辑
摘要:1. prevObject jquery选择器在遍历的过程中都会找到一组元素(一个jQuery对象),然后jQuery会把这组元素推入到栈中。prevObject属性就指向这个对象栈中的前一个对象,而通过这个属性可以回溯到最初的DOM元素集。利用这个DOM元素栈可以减少重复的查询和遍历的操作,而减少 阅读全文
posted @ 2019-04-16 17:22 justSmile2 阅读(4847) 评论(0) 推荐(1) 编辑
摘要:1. html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>向上滚动</title> <style type="text/css"> * { margin: 0; padding: 0; color: 1 阅读全文
posted @ 2019-04-15 19:39 justSmile2 阅读(109) 评论(0) 推荐(0) 编辑
摘要:前景: 页面部分区域需要移入悬浮效果,当然默认的 title 也是可以的,最多只是格格不入,但是却是最为靠谱的。。 思路: 基于 jq 实例扩展 、使用立即执行函数保持功能独立、 自定义类实现功能封装的定位解释小功能 实现: 1.html <!DOCTYPE html> <html> <head> 阅读全文
posted @ 2019-04-11 19:31 justSmile2 阅读(223) 评论(0) 推荐(0) 编辑
摘要:1. 定义四种常用隐藏元素的方式,然后调用 jq 的 show 方法显示,观察各原先隐藏元素的 display 表现,结合 jq 源码,show 方法设置 元素 display 属性值为 隐藏时的 display <!DOCTYPE html> <html lang="en"> <head> <me 阅读全文
posted @ 2019-04-02 17:13 justSmile2 阅读(783) 评论(0) 推荐(0) 编辑
摘要:1.input 输入值的监听 //用于监听input的值变化(input的值产生变化才会触发事件) (function ($) { $.fn.watch = function (callback) { return this.each(function () { //缓存以前的值 $.data(th 阅读全文
posted @ 2019-03-21 20:08 justSmile2 阅读(2006) 评论(0) 推荐(0) 编辑
摘要:hellogirl 阅读全文
posted @ 2019-03-21 19:57 justSmile2 阅读(170) 评论(0) 推荐(0) 编辑
摘要:1. 触发自定义事件方式 js、jq 2. jq 触发 2.1 默认支持的事件 $('#h').on('click',function(){ $(this).append('<p>p</p>') }) $('#h').trigger('click'); $('#h').click(); 2.2 自定 阅读全文
posted @ 2019-03-21 19:52 justSmile2 阅读(1759) 评论(0) 推荐(0) 编辑
摘要:1.适用场景 表单 ( 支持自定义规则 ) 2.相关文章 jQuery Validate 3.实际问题 JqueryValidate表单相同Name不校验问题解决 阅读全文
posted @ 2019-03-21 19:03 justSmile2 阅读(161) 评论(0) 推荐(0) 编辑
摘要:1. 伪元素非 dom 元素,jq无法操作,但可以间接影响。 2. 操作方式 2.1 修改类 2.2 改变增值属性 阅读全文
posted @ 2019-02-28 17:19 justSmile2 阅读(2445) 评论(0) 推荐(0) 编辑
摘要:代码 阅读全文
posted @ 2018-10-29 19:47 justSmile2 阅读(229) 评论(0) 推荐(0) 编辑
摘要:1 .html <div style="margin:50px auto;width:900px;overflow:visible;"> <div id="test_01" class="test"></div> <div id="test_02" class="test"></div> <div 阅读全文
posted @ 2018-10-26 16:37 justSmile2 阅读(436) 评论(0) 推荐(0) 编辑
摘要:1. css3 html <div class="container"> <div class="progress"> <div class="progress-bar"> <div class="progress-shadow"></div> </div> </div> </div> css bo 阅读全文
posted @ 2018-10-24 15:06 justSmile2 阅读(170) 评论(0) 推荐(0) 编辑
摘要:一、绑定/修改 .jQuery修改属性值,都是在内存中进行的,并不会修改 DOM 1. 对象绑定 $(selector).data(name) $("#form").data("name") 2. dom 绑定 $.data(element,name, val); jQuery.data($("#f 阅读全文
posted @ 2018-09-19 14:38 justSmile2 阅读(334) 评论(0) 推荐(0) 编辑
摘要:1. $(function(){}); 等效于 $(document).ready(function(){...}); 在页面DOM文档(包括script)加载完成后执行,优于 window.onload,后者必须等到页面内包括图片的所有元素加载完毕后才能执行。 2. 页面存在多个 $(functi 阅读全文
posted @ 2018-09-05 19:33 justSmile2 阅读(195) 评论(0) 推荐(0) 编辑
摘要:一、插入 1. append $("#div").append('<a href="baidu.com">a</a>') ; // 末尾插入 2. appendTo $('<a href="baidu.com">a</a>').appendTo($("#div")); // 末尾插入 $('<div 阅读全文
posted @ 2018-09-04 20:10 justSmile2 阅读(616) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示