![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jquery
wangcuiling_123
这个作者很懒,什么都没留下…
展开
-
jquery如何改变元素的定位函数格式
首先前提:(*该元素已设置相对或绝对定位* ) 只有设置定位的元素才能激活定位,再来改变定位$( "元素对象" ).css ( "定位的方向","定位的值");例如:图片轮播时第一张和最后一张的无缝连接问题,第一张点击事件触发就先给最后一张定位到第一张前面$( "li:last-child).css( "left" , "100%" );定位后再写动画animate();函数原创 2017-06-16 16:56:20 · 1266 阅读 · 0 评论 -
Jquery select2插件的几个常用方法
1、准备首先引入jquery,然后引入select2的css样式文件与js脚本文件2、常用方法 $('select选择器').select2(); // 调用select2方法 $('select选择器').val('val'); // 初始赋值 $('select选择器').val('val').trigger('change'); // 动态更改值 $('select选择器'...原创 2018-12-29 11:27:20 · 849 阅读 · 0 评论 -
Jquery获取元素距离文档顶部的距离
超简单的方法:$( "元素选择器" ).offset().top;原创 2017-08-02 17:16:20 · 22314 阅读 · 3 评论 -
jquery简单获取文档滑动的高度
获取文档的高度可以分为两种情况: 一、页面处于静止状态时,当前滚动条滑动的高度$(document).scrollTop();获取到一个特定值,我们经常用的是页面处于滑动状态下的二、页面处于滑动状态下,当前滚动条滑动的高度,我们可以在后台打印下:$(window).scroll(function () { console.log($(document).scrollTop());原创 2017-08-02 17:09:09 · 508 阅读 · 0 评论 -
原生js事件委托与简单的jquery事件委托方法
事件委托: 将事件绑定到父元素身上,由子元素触发事件适用于元素后续添加或删除情况:jquery语法:$(selector).on(event, childSelector, function (){}); 原生js://找到父元素,添加事件监听器...document.getElementById(parentSelector).addEventListener(event,原创 2017-07-19 12:09:01 · 650 阅读 · 0 评论 -
jQuery对象实现的原理
$()每调用一次,就需要实例化一个(有着很多封装方法)的类数组对象,然后返回, jQuery对象实现原理模拟原理源码: (我命名为factory)function factory(value) { //获取dom对象的数组 var arr = document.getElementsByTagName(value); //构造函数 function Fun()原创 2017-07-22 01:45:00 · 2104 阅读 · 0 评论 -
通过[index]和.eq(index)获取的对象有什么区别
通过[index]获取的是原生的dom对象,是js原生调用方法(*是不能用在Jquery中调用*)通过.eq(index)获取的是Jquery对象,是Jquery调用方法(*也不可在原生js中调用*)分清js原生和Jquery就行了原创 2017-06-14 21:44:46 · 1863 阅读 · 0 评论 -
jquery中prepend操作插入元素示例
perpend操作是作为子元素插入到最前面,图示例:$("ul").prepend( $("div") );原创 2017-06-14 11:17:26 · 620 阅读 · 0 评论 -
Jquery控制背景图片更换
这次的更换背景也是音乐播放器里用到的,我自己找了几张歌手的图片,想让歌曲换的时候背景图片也更换,更换的过程中就遇到了一个小问题,先上我的代码: var imageUrl = thisLi.data("image"); //声明变量获取要显示的图片 $(".wrapper").css("background-image", "url("+imageUrl+")"); //将获得的背景图片原创 2017-06-12 22:33:06 · 16042 阅读 · 0 评论 -
jquery中append操作插入元素示例
append是作为子元素插入到最后一个位置,图示:$("ul").append( $("div") );原创 2017-06-14 11:16:00 · 1067 阅读 · 0 评论 -
一个简单的jquery图片轮播插件
前提布局: 左浮li标签,支持左右切换,自动轮播,源码:参数:ul: 需要动画的ul prev:上一个切换按钮 next: 下一个切换按钮function rotation(ul, prev, next) { var li = $(ul).find("li"); var liWidth = li.width(); var liLength = $(ul).find原创 2017-07-04 16:11:53 · 722 阅读 · 0 评论 -
一个简单的jquery省级联动插件
由于项目需要实现省级联动的效果,于是找了个简单的插件,需求基本都可以实现一、 先保存地区数据文件 命名为areaData.js/** * 保存地区信息 * 数据格式 * areaData = [{'pro': '北京', 'cities': {'-1': '北京'}}, {...}] * 直辖市存在-1,表示就是直辖市 */(function(window) {翻译 2017-07-03 17:39:26 · 4497 阅读 · 1 评论 -
jquery如何改变对象css样式的方法函数
jquery改变对象css样式函数格式如下:$( "对象" ).css( "属性名" , "新的属性值");注意:新的属性值中存在变量是,要把变量拼接到字符串里原创 2017-06-14 11:39:59 · 2378 阅读 · 0 评论 -
mouseout和mouseleave的区别
两者都是鼠标指针离开绑定元素时触发的事件,区别在于离开绑定元素的子元素时会不会触发:mouseout在鼠标指针离开绑定元素的任何子元素时也会触发;mouseleave在鼠标指针离开绑定元素的任何子元素时不会触发;原创 2017-06-21 19:27:48 · 984 阅读 · 0 评论 -
mouseover和mouseenter的区别
两者都是鼠标指针穿过绑定元素时触发的事件,唯一区别是:mouseover在鼠标指针穿过绑定元素的子元素时也会触发;mouseenter在鼠标指针穿过绑定元素的子元素时不会触发;原创 2017-06-21 19:19:55 · 279 阅读 · 0 评论 -
页面显示多个倒计时简单案例
今天看到一篇关于页面显示多个倒计时的,发现代码存在一些错误,而且是采用了对象的方式,无法实现多个倒计时,一般这种是使用在购物商城多个商品倒计时,便自己写了以下这个简单的案例,采用构造函数,可实例化多个(已测试):效果图:案例代码:<!DOCTYPE html><html lang="en"><head> &原创 2019-02-19 19:24:48 · 1308 阅读 · 0 评论