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