![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jquery
吃不胖的猫o(=^ェ^=)m
这个作者很懒,什么都没留下…
展开
-
jQuery实现内容向上翻滚
脚本 slide.js(function ($) { $.fn.lSlide = function (options) { initLSlide(this, options); }; function initLSlide(item,options) { var defaults = { nTop:-0.71 }; var opts = $.extend({},defaults,opt..转载 2020-07-25 08:26:09 · 245 阅读 · 0 评论 -
jQuery load() noConflict()
jQuery load() 方法把文件 “demo_test.txt” 的内容加载到指定的 元素中<script>$(document).ready(function(){ $("#btn1").click(function(){ $('#test').load('/example/jquery/demo_test.txt'); })})</script><body><h3 id="test">请点击下面的按钮,通过 jQ原创 2020-07-20 15:56:02 · 90 阅读 · 0 评论 -
jQuery 遍历 -过滤 first(), last() 和 eq()
用于过滤筛选某些特定的元素或类而显示的效果jQuery first() 方法first() 方法返回被选元素的首个元素。<script>$(document).ready(function(){ $("div p").first().css("background-color","yellow");});</script><body><h1>欢迎来到我的主页</h1><div><p>这是 di原创 2020-07-14 19:49:43 · 183 阅读 · 0 评论 -
jQuery CSS和尺寸
CSSaddClass() - 向被选元素添加一个或多个类<script>$(document).ready(function(){ $("button").click(function(){ $("#div1").addClass("important blue"); });});</script><body><div id="div1">这是一些文本。</div><div id="div2">原创 2020-07-14 18:44:53 · 94 阅读 · 0 评论 -
js根据表格某项指标使整行显示不同的颜色
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title><style>table {width: 500px;margin: 100px auto;border: 2px gray solid;border-collapse: collapse;text-align: center;}td,th.原创 2020-07-13 08:38:38 · 1101 阅读 · 0 评论 -
jQuery添加、删除元素
添加元素append() - 在被选元素的结尾插入内容<script>$(document).ready(function(){ $("#btn2").click(function(){ $("ol").append("<li>Appended item</li>"); });});</script><body><ol><li>List item 1</li><l原创 2020-07-10 23:37:17 · 127 阅读 · 0 评论 -
JQuery 获取设置
1.获得内容text() - 设置或返回所选元素的文本内容<script> $("#btn1").click(function(){ alert("Text: " + $("#test").text()); });</script><body> <p id="test">这是段落中的<b>粗体</b>文本。</p></body>html() - 设置或返回所选元素的内容(包原创 2020-07-08 23:30:28 · 177 阅读 · 0 评论 -
jQuery效果
jQuery效果隐藏 显示隐藏和显示<!DOCTYPE html><html><head><script src="/jquery/jquery-1.11.1.min.js"></script><script type="text/javascript">$(document).ready(function(){ $("#hide").click(function(){ $("p").hide(); })原创 2020-06-22 18:32:16 · 115 阅读 · 0 评论 -
JQuery 简介
JQuery 简介jQuery 是一个 JavaScript 函数库。jQuery 库包含以下特性: HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX Utilities可以通过下面的标记把 jQuery 添加到网页中:<head><script type="text/javascript" src="./jqu.原创 2020-06-20 10:39:33 · 259 阅读 · 0 评论