jQuery
栗子i维C
这个作者很懒,什么都没留下…
展开
-
jquery 点击按钮隐藏显示 按钮样式切换
$('.btn').click(function(){ $(this).toggleClass('on'); $("div").toggle();})原创 2021-03-11 15:34:32 · 446 阅读 · 0 评论 -
在光标位置插入内容的jquery实现方式
<!DOCTYPE html><html><head> <title>无标题页</title> <script type="text/javascript" src="jquery-1.7.2.min。js"></script> <script type="text/javascript"> (function ($) { $.fn.e.转载 2020-08-19 11:24:31 · 196 阅读 · 0 评论 -
输入框调用手机键盘的确认按钮
// html代码<input class="keyword" type="serch" placeholder="请输入项目名称或地址">// js代码如下$(".keyword").on('keypress',function(e){varkeycode=e.keyCode;varsearchName=$(this).v...转载 2019-09-20 10:48:02 · 1731 阅读 · 0 评论 -
点击除弹框之外的地方 弹框关闭
$(function(){ $(.btn").click(function(e){ $(".tk").show(); $("body").css({"position":"fixed"}); }) $(".tk-bg").click(function(e){ if(e.target.className!=="conten...原创 2019-09-19 16:39:21 · 484 阅读 · 0 评论 -
微信小程序swiper添加左右箭头切换功能
微信小程序swiper添加左右箭头添点击切换功能,在网上找了一下,发现大部分都是同一个人发布的,而且有地方无法正常运行,在自己的研究下,在原有代码的基础上修改了一下,已可以正常运行,运行的效果如下wxml代码<view class='ceshi_swiper'> <swiper class='read_swiper' indicator-dots='{{swip...转载 2019-06-05 15:53:45 · 5207 阅读 · 1 评论 -
input file里的JQ change() 事件的只生效一次
文件选择框的onchange事件只在第一次改变时生效,以后再选择文件不会触发onchange事件。解决方法1:用jQuery的live代替直接使用change。错误代码:$("#UploadFile").change(function(){ //do someing });正确代码:$("#UploadFile").live('change', fu...转载 2019-06-05 15:48:13 · 277 阅读 · 0 评论 -
怎么使用jquery判断一个元素是否含有一个指定的类(class)
在jquery中可以使用2种方法来判断一个元素是否包含一个确定的类(class)。两种方法有着相同的功能。2种方法如下:1.is(‘.classname’)2.hasClass(‘classname’)以下是一个div元素是否包含一个redColor的例子:1.使用is(‘.classname’)的方法$('div').is('....转载 2019-06-05 15:46:48 · 1152 阅读 · 0 评论 -
jQuery删除一个元素后淡出效果展示删除过程的方法
当我们删除一个元素时希望能看到删除的过程,这个效果通过对元素进行淡出展示动态化删除过程。$("#myButton").click(function() { $("#myDiv").fadeTo("slow", 0.01, function(){//fade $(this).slideUp("slow", function() {//slide up $(this)....转载 2019-04-25 11:51:43 · 1829 阅读 · 2 评论 -
jQuery修改alert ,confirm的样式
大家都知道, javascript 原生的alert和confirm在手机端尤其是ios系统的手机上显示不够友好,会出现网站域名,提示ok等等,因此我们可以自定义修改其中的样式和方法,提高用户体验性。引入 common.js.js 文件,代码如下(function($) { $.alerts = { alert: function...转载 2019-04-24 10:07:21 · 1555 阅读 · 0 评论 -
jquery操作select(增加,删除,清空)
1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的 3. var checkValue=$("#select_id").val(); /...原创 2018-12-05 11:00:15 · 253 阅读 · 0 评论 -
$(document).height();文档高度
$(document).height();//文档高度$(window).height();//是文档窗口高度$("div").offset().top//是标签距离顶部高度$(window).scrollTop();//是滚动条高度 和$(document).scrollTop()效果一样 但是$(window).scrollTop() 兼容性好$(".footer").heig...原创 2018-09-08 11:07:44 · 600 阅读 · 0 评论 -
js jquery 页面加载初始化方法
一.js 页面加载初始化方法 // 1.在body里面写初始化方法.<body onload='init()'></body><script type="text/javascript"> function init(){ // 初始化内容 }</script>// 2.win...转载 2018-07-26 18:27:57 · 474 阅读 · 0 评论 -
jQuery选择器
:lt(2) 选取前 2 个元素(列举 index 小于2 的元素):gt(2) 选取除了前 2 个元素(列举 index 大于2 的元素):eq(2) 选取第2个元素(index 值从 0 开始):first 选取第一个 元素:lasst 选取最后一个 元素:even 选取偶数 元素(索引值从 0 开始,...原创 2018-07-26 18:22:15 · 131 阅读 · 0 评论