#jQ

jQuery实现瀑布流(pc、移动通用)

使用jQuery的Masonry插件来实现这种页面形式1,分别下载jQuery与Masonry,然后把他们都加载到页面中使用。加载代码: 1<scriptsrc="http://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script>2&...

怎么用js或jq点击展开,出现隐藏的DIV,点击收起DIV又隐藏起来.

方法一:1<scripttype="text/javascript">2$(function(){3$("#toggle").click(function(){4$(this).text($("#content").is(":hidden")?"收起":"展开");5$("#content").slideT...

Python之路-jQuery

参考网址:http://jquery.cuishifeng.cn/1、安装环境2、查找元素3、操作元素 一、安装环境:  1、我们需要去官网下载jQuery,地址:http://jquery.com/download/  2、版本选择。    2.1:目前jQuery版本分为1.x、2.x、3.x。为了更好的...
代码星球 代码星球·2020-04-02

使用js+jq实现贪吃蛇网页游戏

   html上的基本框架1<!DOCTYPEhtml>2<html>3<head>4<metacharset="UTF-8">5<title>贪吃蛇游戏</title>6<linkrel="stylesheet...

jq实现碰到边缘反弹的动画

先上效果图:录出来有点卡顿的赶脚,实际上还是挺顺畅的。1.HTML:<divclass="box"></div> 2.CSS:body{background:skyblue}.box{position:absolute;top:10px;left:10px;width:100px;he...

js,mui,jq 操作基本的DOM

一。HTML<ul>  <li>1111111</li>  <li>22222222</li></ul>二。CSSli{        height:60px;    line-height:60px;    text-align:center; ...
代码星球 代码星球·2020-04-02

banner轮播无缝滚动 jq代码

HTML:1<divclass="box">2    <ul>3      <li>11111</li>4      <li>22222</li>5    </ul>6</div>JQ:1$(function(){2  se...

JS,JQ及时监听input值的变化,MUI的input搜索框里的清除按钮的点击监听事件

JS:document.getElementById("input对象的ID").addEventListener('input',function(){    console.log("aaaaa");});JQ:$("input对象").on("inputpropertychange",function(){   ...
代码星球 代码星球·2020-04-02

JS原生方法实现jQuery的ready()

浏览器加载页面的顺序:1、解析HTML结构2、加载外部脚本和样式表文件3、解析并执行脚本代码4、构造HTMLDOM模型==ready()5、加载图片等组件6、页面加载完毕==onload()ready事件是在DOM模型构造完毕时触发load事件是在页面加载完毕后触发functionready(fn){if(docume...

关于jQuery新的事件绑定机制on()的使用技巧

从jQuery1.7开始,jQuery引入了全新的事件绑定机制,on()和off()两个函数统一处理事件绑定。因为在此之前有bind(),live(),delegate()等方法来处理事件绑定,jQuery从性能优化以及方式统一方面考虑决定推出新的函数来统一事件绑定方法并且替换掉以前的方法。on(events,[sel...

jQuery设计思想

【目录】  一、选择网页元素  二、改变结果集  三、链式操作  四、元素的操作:取值和赋值  五、元素的操作:移动  六、元素的操作:复制、删除和创建  七、工具方法  八、事件操作  九、特殊效果【正文】一、选择网页元素jQuery的基本设计思想和主要用法,就是"选择某个网页元素,然后对其进行某种操作"。这是它区别...
代码星球 代码星球·2020-04-02

jQuery关于文字内容溢出用点点点(…)省略号表示

 1、jQuery限制字符字数的方法代码很简单,使用也很方便,如下:$(document).ready(function(){//限制字符个数$(“.zxx_text_overflow”).each(function(){varmaxwidth=23;if($(this).text()...

jQuery的.bind()、.live()和.delegate()之间区别

继续面试后的总结:DOM树首先,可视化一个HMTL文档的DOM树是很有帮助的。一个简单的HTML页面看起来就像是这个样子:事件冒泡(又称事件传播)当我们点击一个链接时,其触发了链接元素的单击事件,该事件则引发任何我们已绑定到该元素的单击事件上的函数的执行。$('a').bind('click', functi...

使用jquery获取父元素或父节点的方法

今天面试题问到了,没答上,jq要继续学习啊jquery获取父元素方法比较多,比如parent(),parents(),closest()这些都能帮你实现查找父元素或节点,下面我们来一一讲解:先举个例子,<ulclass="parent1"><li><ahref="#"id="item1"&...

jquery操作radio,checkbox

1.获取radio选中的value.$('input:radio[name=sex]:checked').val();2.选择radio按钮(Male).$('input:radio[name=sex]:nth(0)').attr('checked',true);或者$('input:radio[name=sex]')...
代码星球 代码星球·2020-04-02
首页上一页...123124125126127...下一页尾页