![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jQuery
清水之昶
这个作者很懒,什么都没留下…
展开
-
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 阅读 · 0 评论 -
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 · 100 阅读 · 0 评论 -
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 · 94 阅读 · 0 评论 -
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 阅读 · 0 评论 -
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 · 51 阅读 · 0 评论 -
jQuery工具方法(三)
// $.ajax // 参数 obj // 属性 url: 请求地址 https://easy-mock.com/mock/5c0b4a876162b83fe0a50cb9/person // type: 请求方式 // data: {} 参数,信息 // success: 请求成功后的处理函数 // error: 请求失败后的处理函数 // ...原创 2019-07-18 16:52:12 · 116 阅读 · 0 评论 -
初识jQuery
jQuery是什么? jQuery其实就是一堆的js函数(js库),也就是普通的js而已,不是全新的东西。 write less, do more!!! 人很话不多 Why jQuery? 1、jQuery面向用户良好的设计使得在使用过程中彻底解放了记忆原生操作DOM的接口; 2、jQuery中大量可复用的函数和发展过程中常年积累下来的插件库,可以极大的简化JavaScript...原创 2019-07-11 22:14:16 · 103 阅读 · 0 评论 -
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 · 121 阅读 · 0 评论 -
数据写不写行间-基于jQuery data方法的思考
/** * 在一系列编程的过程中,我们其实是需要让某些标签或者说这个标签对应的dom对象存储一些信息的, * 只不过我们有了这个data之后,发现它在jq中是有另外的一个东西来做存储的,也可以说他来做这样 * 一个统一的数据的管理,我们引发一个思考 * 前端编程中,无非用到html,css,js,js是可以获取这个对象的,对象中可以存储信息的,css不能存 * 信息,标签上面的属性可以...原创 2019-07-15 16:46:20 · 254 阅读 · 0 评论 -
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 阅读 · 0 评论 -
jQuery实例方法-DOM操作(三)
.val <body> <form action="./" method="GET"> <h3>选择你喜欢的明星</h3> <select name="star"> <option value="s">詹姆斯</option> ...原创 2019-07-14 15:25:36 · 83 阅读 · 0 评论 -
jQuery工具方法(二)
// $.extend // $.fn.extend // 1.扩展方法 // $.extend({ // defindMandom : function(start, final){ // return Math.random() * (final - start) + start; // } // }); // 加到工具方法里面 // $.fn.ext...原创 2019-07-17 19:53:30 · 100 阅读 · 0 评论