- 博客(15)
- 收藏
- 关注
RSS订阅原创 jQuery工具方法(三）
// $.ajax // 参数 obj // 属性 url: 请求地址 https://easy-mock.com/mock/5c0b4a876162b83fe0a50cb9/person // type: 请求方式 // data: {} 参数，信息 // success： 请求成功后的处理函数 // error: 请求失败后的处理函数 // ...
2019-07-18 16:52:12
145
原创 jQuery工具方法(二）
// $.extend // $.fn.extend // 1.扩展方法 // $.extend({ // defindMandom : function(start, final){ // return Math.random() * (final - start) + start; // } // }); // 加到工具方法里面 // $.fn.ext...
2019-07-17 19:53:30
145
原创 jQuery工具方法
$.type $.trim // $.type() console.log( $.type(function(){}) ) //function console.log( $.type(undefined) ); //undefined console.log( $.type('abc') ); //string console.log( $.type(true) ); //boolean c...
2019-07-17 15:42:37
126
原创 jQuery实例方法-位置图形、遍历索引
位置图形 // offset // {left: , top: } // console.log( $('.demo').offset() ); // $('.demo').offset({left: 100, top: 100}); // position // 和css定位规则相同 // console.log( $('.demo').position() ); // $('.demo'...
2019-07-16 21:14:01
126
原创 jQuery实例方法-动画
// hide show // $('p').on('mouseenter', function(){ // $(this).next().show(); // }) // $('.demo').on('mouseleave', function(){ // $('p').next().hide(); // }) // 手动设置display:none 使用show 会还原成默...
2019-07-16 15:04:25
77
原创 jQuery实例方法-事件
// on // 系统事件 // 参数4个 // 1.type (2.selector) (3.data) 4.handle // $('.demo').on('click', function(){ // alert(0); // }) // $('.demo').on('click', {name: 'cst'}, function(e){ // alert(e.data);...
2019-07-15 22:29:36
155
原创 数据写不写行间-基于jQuery data方法的思考
/** * 在一系列编程的过程中，我们其实是需要让某些标签或者说这个标签对应的dom对象存储一些信息的， * 只不过我们有了这个data之后，发现它在jq中是有另外的一个东西来做存储的，也可以说他来做这样 * 一个统一的数据的管理，我们引发一个思考 * 前端编程中，无非用到html,css,js，js是可以获取这个对象的，对象中可以存储信息的，css不能存 * 信息，标签上面的属性可以...
2019-07-15 16:46:20
281
原创 jQuery实例方法-DOM操作(四)
.wrap .wrapInner .wrapAll .unwrap // wrap // $('.demo').wrap('<div class="wrapper"><div>'); // $('.demo').wrap( $('.box') ); // $('.demo').wrap(function(index){ // return '<div cl...
2019-07-15 16:21:05
118
原创 jQuery实例方法-DOM操作(三)
.val <body> <form action="./" method="GET"> <h3>选择你喜欢的明星</h3> <select name="star"> <option value="s">詹姆斯</option> ...
2019-07-14 15:25:36
105
原创 原生js轮播图
index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ht...
2019-07-13 22:29:34
123
原创 jQuery实例方法-DOM操作(二)
.html() .text() .size() // .html innerHTML // 取值 $('ul').html(); //string类型 $('ul li').html(); //只得到第一个li的内容 // 赋值 // $('ul').html('<p>abc</p>'); $('ul li').html('9'); //赋值全能成功 var arr...
2019-07-13 15:30:43
79
原创 图片瀑布流
技术要求： 1. 所有的图片适用绝对定位 2. 使用JS设置图片的位置 3. 要求所有的图片等宽 图片的异步加载问题： 当图片设置了src属性之后，不会同步完成图片加载，而是异步（不影响当前代码的执行） 图片中有onload事件，该事件是图片加载完成之后触发。 index.html <!DOCTYPE html> <html lang="en"> <...
2019-07-12 21:50:07
181
2
原创 jQuery实例方法-DOM操作
1、.get()在现有的dom元素中找第几个，返回dom对象 jQuery.prototype.get = function(num) { // if(num == null){ // return [].slice.call(this, 0); // }else { // if(num >= 0){ // retu...
2019-07-12 15:23:25
190
原创 初识jQuery
jQuery是什么？ jQuery其实就是一堆的js函数(js库)，也就是普通的js而已，不是全新的东西。 write less, do more!!! 人很话不多 Why jQuery? 1、jQuery面向用户良好的设计使得在使用过程中彻底解放了记忆原生操作DOM的接口； 2、jQuery中大量可复用的函数和发展过程中常年积累下来的插件库，可以极大的简化JavaScript...
2019-07-11 22:14:16
128
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人