分类： 前端

JS和JQuery获取父级、子级、兄弟元素

3.1k 前端 发表评论
原生javascript方法： var a = document.getElementById("dom"); del_space(a); // 清理空格 var b = a.childNodes; // 获取a的全部子节点； var c = a.parentNode; // 获取a的父节点； var d = a.nextSibling; // 获取a的下一个兄弟节点 var e = a.previousSibling; // 获取a的上一个兄弟节点 var f = a.firstChild; // 获取a的第一个…

JS实现URL参数添加删除功能

5.7k 前端 3评论
JS实现URL参数添加删除功能，在线演示。HTML使用范例： <html> <head> <script src="jquery-3.0.0.min.js"></script> <script src="url-param.js"></script> </head> <body> <span class="add" target="tag" value="1">添加</span><br /> <span class="add" targ…

JQuery的checkbox、radio、select方法总结

3.0k 前端 , , , 发表评论
JQuery 的 checkbox，radio和select是JQuery操作的一个难点和重点，很多前端新手对其了解不是很透彻。时间久了不用，我在写的时候有时也难免对某些操作支支吾吾，记不清楚，现在，对其做一些简单的总结！ 1 checkbox 现在我们以下面的html为例进行checkbox的操作。 <input id=checkAll type=checkbox />全选 <input name=subBo…

HTML特殊字符大全

1.4k 前端 发表评论
特殊符号 命名实体 十进制编码 特殊符号 命名实体 十进制编码 &#32; ! &#33; " &quot; &#34; # &#35; $ &#36; % &#37; & &amp; &#38; ' &#39; ( &#40; ) &#41; * &#42; + &#43; , &#44; - &#45; . &#46; / &#47; 0 &#48; 1 &#49; 2 &#50; 3 …

JQuery实现checkbox复选框同步勾选和取消

3.4k 前端 , 一条评论
JQuery对checkbox的读写与其他input不太一样，很容易出错，浪费很多时间。 打个比方，要获取checkbox是否是checked状态，用.attr('checked') === true 是不奏效的，得用 .is(':checked') === true。 本例要实现checkbox同步勾选和取消，我们仅同步与当前主题data-url一样的checkbox： $('input[type=checkbox]').on('click', function()…

scrollTrack：jQuery实现页面滚动时菜单悬浮跟踪功能

3.2k 前端 , 发表评论
这个插件主要实现的功能有： 根据页面内容方框生成目录（一般是类似h1、h2这样的标题） 生成的目录在滚动时悬浮在浏览器中间 滚动过程中，实时跟踪页面内容，并在目录中高效标题 解决悬浮水平滑动导致的内容遮盖 插件未压缩前2.5K，属于相当轻量级了，有5个选项，配置相当简单。 演示和下载 话不多说，先看 演示 点击 这里下载 用法 在…

jQuery封装插件开发入门教程

5.6k 前端, 记录 , 一条评论
扩展jQuery插件和方法的作用是非常强大的，它可以节省大量开发时间。这篇文章将概述jQuery插件开发的基本知识，最佳做法和常见的陷阱。 入门 编写一个jQuery插件开始于，给jQuery.fn加入​​新的功能属性，这个属性的名称就是插件的名称。 jQuery.fn.myPlugin = function(){ //你自己的插件代码 }; 在JQuery中，jQuery.fn是jQuery.prototy…

JQuery实现轻量级滑动悬浮固定功能

9.6k 前端, 记录 , 发表评论
滚动悬浮固定功能非常实用，特别是网站导航栏，以及文章目录等，用户体验超级棒。 查看演示  下载源码 网上有很多方法可以实现，不过大部分比较复杂（当然可配置的功能也很多），而且同时包含了 js+css 文件。但是，我们的需求往往很简单，希望尽量轻量。比较了数个方法后，觉得SF上的一个方法非常好，经过一番修改，更加灵活、好用了。…

JQuery+CSS实现【返回顶部】按钮，不需要图片

2.7k 前端 发表评论
【返回顶部】按钮实现起来并不麻烦，有用图片实现的，有用Font Awesome实现的，效果都不错，但是都重了了些。这里我们用JQuery和CSS实现，相对更加轻量，代码也很简单，不需要加载额外的 js 文件。效果如下： 首先，在页面 <body>标签内 任何地方加上下面的HTML节点： <a href="#" class="scrollup">&rsaquo;</a>…

jQuery悬浮遮罩显示图片或文字效果

3.5k 前端 发表评论
一直在寻找一款能够实现鼠标悬浮遮罩的效果，找了好久硬是没有找到合适的，好不容易找到一个，又实际需求不一样，必须要自己修改。如下是修改后的两个效果。一个是鼠标悬浮后从下往上遮罩，一个是在当前图片上逐渐显示。 1 从下往上遮罩 代码如下，为方便测试，将一下代买直接复制成HTML文件就可以看到效果了： <!DOCTYPE html PUBLI…
« 上一页   下一页 »