- 博客(15)
- 收藏
- 关注
RSS订阅原创 jQuery工具方法(三）
// $.ajax// 参数 obj// 属性 url: 请求地址 https://easy-mock.com/mock/5c0b4a876162b83fe0a50cb9/person// type: 请求方式// data: {} 参数，信息// success： 请求成功后的处理函数// error: 请求失败后的处理函数// ...
2019-07-18 16:52:12
116
原创 jQuery工具方法(二）
// $.extend// $.fn.extend// 1.扩展方法// $.extend({// defindMandom : function(start, final){// return Math.random() * (final - start) + start;// }// }); // 加到工具方法里面// $.fn.ext...
2019-07-17 19:53:30
104
原创 jQuery工具方法
$.type $.trim// $.type()console.log( $.type(function(){}) ) //functionconsole.log( $.type(undefined) ); //undefinedconsole.log( $.type('abc') ); //stringconsole.log( $.type(true) ); //booleanc...
2019-07-17 15:42:37
100
原创 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
98
原创 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
52
原创 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
122
原创 数据写不写行间-基于jQuery data方法的思考
/** * 在一系列编程的过程中，我们其实是需要让某些标签或者说这个标签对应的dom对象存储一些信息的， * 只不过我们有了这个data之后，发现它在jq中是有另外的一个东西来做存储的，也可以说他来做这样 * 一个统一的数据的管理，我们引发一个思考 * 前端编程中，无非用到html,css,js，js是可以获取这个对象的，对象中可以存储信息的，css不能存 * 信息，标签上面的属性可以...
2019-07-15 16:46:20
255
原创 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
90
原创 jQuery实例方法-DOM操作(三)
.val<body> <form action="./" method="GET"> <h3>选择你喜欢的明星</h3> <select name="star"> <option value="s">詹姆斯</option> ...
2019-07-14 15:25:36
84
原创 原生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
95
原创 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
62
原创 图片瀑布流
技术要求：1. 所有的图片适用绝对定位2. 使用JS设置图片的位置3. 要求所有的图片等宽图片的异步加载问题：当图片设置了src属性之后，不会同步完成图片加载，而是异步（不影响当前代码的执行）图片中有onload事件，该事件是图片加载完成之后触发。index.html<!DOCTYPE html><html lang="en"><...
2019-07-12 21:50:07
150
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
167
原创 初识jQuery
jQuery是什么？jQuery其实就是一堆的js函数(js库)，也就是普通的js而已，不是全新的东西。write less, do more!!!人很话不多Why jQuery?1、jQuery面向用户良好的设计使得在使用过程中彻底解放了记忆原生操作DOM的接口；2、jQuery中大量可复用的函数和发展过程中常年积累下来的插件库，可以极大的简化JavaScript...
2019-07-11 22:14:16
104
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人