1.效果图 2.html代码 <!DOCTYPE html> <html> <head> <title>使用each()方法遍历元素获取属性</title> <style type="text/css"> body{font-size: 13px} img{border: solid 1px #ccc;padding: 3px;margin: 5px;width: 143px;height: 101px;} p{background-color…

2021年10月24日 0条评论 20点热度 阅读全文

很多时候,我们都要判断元素当前是否处于显示或隐藏状态。Jquery通过判断元素display属性状态值来实现“判断当前操作元素是否显示还是隐藏”,实现方法主要使用Jquery提供的基本选择器 :visible 或 :hidden方法。 点击下面的“运行”按钮,在打开的页面中可多次点击右上角按钮,查看效果: <style type="text/css"> .run-button{width:100px; height:38px;display:block;position:absolute;right:7…

2021年10月1日 0条评论 13点热度 阅读全文

jQuery 选择器允许您对 HTML 元素组或单个元素进行操作,jQuery 选择器基于元素的 id、类、类型、属性、属性值等”查找”(或选择)HTML 元素。 它基于已经存在的 CSS 选择器,除此之外,它还有一些自定义的选择器。jQuery 中所有选择器都以美元符号开头:$()。 1、元素选择器 jQuery 元素选择器基于元素名选取元素,这个选择返回针对的是相同元素名的标签,所有相同元素名的标签都会被选中,$("p") 。 2、 .class 选择器 jQuery 类选择器可以通过指定的 class 查找元…

2021年9月18日 0条评论 13点热度 阅读全文

JQuery实现元素移动位置有很多种方法,其中一个是根据鼠标在指定区域内随意移动,还有一种的是根据方向键在一定区域内上下左右平移。这二种只能说各有优劣,通过方向键平移,实现相对简单,操作也更具备可控性,但是就是移动效率相对较低,每次平移量过大造成不够精准,平移量过小则会使移动过程更为繁琐。跟随鼠标自由移动,可以自由控制平移量,精准的移动到自己想要的位置,但是实现较为复杂,并且控制过程中容易出现体验卡顿等。 一 根据方向键移动 HTML部分 <div class="content_room"> <d…

2021年8月3日 0条评论 13点热度 阅读全文

jquery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写, 是js中setAttribute()和getAttribute()的简化 最基本常用的用法: $("img").attr("src","img/a.jpg"); $("img").attr("width","100px"); attr()有四种用法,先列举表达式: 语法: $(selector).attr(attribute) //返回被选元素的属性值。 $(selector).attr(attribute,valu…

2021年7月5日 0条评论 10点热度 阅读全文

jQuery.parent(expr) 找父亲节点,可以传入expr进行过滤,比如$("span").parent()或者$("span").parent(".class") jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素,不限于父元素 jQuery.children(expr).返回所有子节点,这个方法只会返回直接的孩子节点,不会返回所有的子孙节点 jQuery.contents(),返回下面的所有内容,包括节点和文本。这个方法和chil…

2021年6月30日 0条评论 10点热度 阅读全文

jQuery 查找on事件绑定元素的被绑定元素方法 遇到的问题 今天写了一个JQ插件,结果里面有一点问题.让我很郁闷.问题演示代码如下 $box.on('click', 'img', function(){ $(this) }); 如上代码,当我点击这个图片的时候 $(this) 是指 img . 当然这是正确的. 而我需要找到 $box 也就是 img 的父级. 如果不是插件的话,我当然可以根据它的ID或者CLASS来进行查询.问题是,我是写的插件,也就是说,我并不知道它的这些信息是什么. 当然,如果$box在D…

2021年6月24日 0条评论 12点热度 阅读全文

/* * yagizaDate 1.0 * * Yagiza * Copyright 2016, MIT License * * IE 8+, Chrome, fireFox */ // * 字段说明 ******************** // buyNumMax 最多购买数 // buyNumMin 最少购买数 // cashback 返现 // price 售价、分销价、分销售价 // priceSettlement 结算价、采购价、分销结算价 // priceMarket 景区挂牌价 // priceRe…

2021年6月19日 0条评论 14点热度 阅读全文

示例代码: <div class="demo"> <ul> <li>第一个元素</li> <li>第二个元素</li> <li>第三个元素</li> <li>第四个元素</li> </ul> </div> 一、jQuery获取当前元素是该父元素的第几个元素 index() 方法返回指定元素相对于其他指定元素的 index 位置。 这些元素可通过 jQuery 选择器或 DO…

2021年6月17日 0条评论 12点热度 阅读全文

元素:  <!-- 显示图片和文字 --> <div class="content teaching_content">${teaching.content}</div>   获取方式: $('.content.teaching_content')  

2021年6月15日 0条评论 11点热度 阅读全文