![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jquery
jssd
正在学习中
展开
-
jquery选择器学习
jquery选择器 学习方式, 照着列表一个个敲一遍, 记个大概, 知道有这么个选择器. 之后使用的时候查查w3c, 就会用了 元素选择器 $("p"); // 取得p标签 $("#p1"); // 取得id为p1的元素 $(".p1"); //取得class=p1的元素 属性选择器 $("[href]"); //选择属性带有href的元素 $("[href]='#'"); //选择href...原创 2019-05-24 17:06:56 · 148 阅读 · 0 评论 -
AJAX技术
AJAX技术 什么是AJAX? AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。 AJAX 不是新的编程语言,而是一种使用现有标准的新方法。 目前浏览器向服务器发起请求的方式有 form 标签,超链接, 还有脚本语言(js\jquery)中的window.location.href 方式和表单提交函数。但是不管哪种提交方...原创 2019-09-24 11:32:45 · 123 阅读 · 0 评论 -
JQuery 动画操作
JQuery的简单动画操作 隐藏动画 // 获得div对象 var div1 = $("#div1"); // 3秒种隐藏, 注意, 3000是毫秒 div1.hide(3000); 显示隐藏的元素动画 // 3秒钟显示动画 div.show(3000); 显示和隐藏互相切换 // toggle会将已经隐藏的显示出来, 已经显示的隐藏掉. div1.toggle(3000); 向上滑动 di...原创 2019-08-23 15:39:14 · 165 阅读 · 0 评论 -
JQuery 操作页面样式
JQuery操作页面的样式 获得一个css样式 // 获得id为div1的元素对象 var div = $("#div1"); // 获得css样式 var wid = div.css("width"); var height = div.css("height"); 操作css样式 // 操作样式 div.css("width", "300px"); div.scc("height", "60...原创 2019-08-23 15:38:04 · 193 阅读 · 0 评论 -
JQuery 操作页面属性
JQuery操作页面属性 获得页面的属性 //获得元素对象 var tex=$("#inp1"); //获得元素对象的属性 var te=tex.attr("type"); var cl =tex.attr("class"); //获得元素固有的属性值 var val =tex.attr("value"); //获得文本框实时输入的值 var val2=tex.val(); 使用attr获...原创 2019-08-23 15:37:23 · 132 阅读 · 0 评论 -
JQuery 操作页面的元素
JQuery操作页面的元素 创建一个新的元素 var p = $("<p>这是一个段落</p>"); 在div中的最后追加一个元素 $("#div1").append(p); // 等用于这样写 p.appendTo("#div1"); 在div中的最前表添加一个元素 $("#div1").preppend(p); // 也可以这样写 p.preppendTo("#di...原创 2019-08-23 15:36:53 · 293 阅读 · 0 评论 -
JQuery 操作页面的文本和值
JQuery操作页面的文本对象和值 JQuery操作文本对象 var div = $("#div1"); // 获得指定元素节点的文本内容, 类似于DOM中的innerHTML var ht = div.html(); // 只是获得文本内容, 不含有HTML标签 var te = div.text(); 获得表单中的值 var var1 = $("#inp1").val(); // 操作...原创 2019-08-23 15:36:27 · 133 阅读 · 0 评论 -
JQuery 事件学习
JQuery的事件学习 页面加载事件 jq中的页面加载操作要比原生js中window.onload加载要快. 同时, jq中的页面加载方法可以写好几个 // 第一种写法 $(function() {}) // 第二种写法 jquery(function(){}) // 第三种写法 $(document).ready(function() {}) 使用bind绑定事件 $("#bu2").bi...原创 2019-08-23 15:35:45 · 107 阅读 · 0 评论 -
JQuery 选择器
文章目录JQuery选择器基本选择器id选择器jq和js之间对象的转换标签选择器class选择器通用选择器分组选择器层级选择器后代选择器子元素选择器相邻兄弟元素所有兄弟元素基本伪类选择器:first选择器:last选择器:not筛选选择器:even 选择器:odd选择器:eq选择器:gt, :lt标题选择器动画选择器子元素选择器指定子元素选择器第一个子元素最后一个子元素只匹配具有一个子元素的子元素...原创 2019-08-23 15:35:08 · 198 阅读 · 0 评论 -
JQuery 入门
JQuery入门 JQuery概述 为什么使用JQuery(JS遇到的问题) 选择器功能弱 DOM操作繁琐至极 浏览器兼容性不好 动画效果弱 什么使JQuery(概念) JQuery (JavaScriptQuery) JavaScript代码库 官方网站: http://jquery.com/ JQuery版本简介 1.x版本: 兼容ie678,使用最为广泛的,官方只做BUG维护,功能 不...原创 2019-08-23 15:34:21 · 91 阅读 · 0 评论 -
jquery DOM操作总结
jquery 文档操作 addClass(); addClass(); // 向某个元素添加一个类 $("button").click(function(){ $("p:first").addClass("intro"); }); 元素之外追加 after(); //在指定元素之后插入内容, 外部插入 //插入文本 $("button").click(function(){ $(...原创 2019-05-24 21:54:04 · 210 阅读 · 0 评论 -
jquery事件函数
jquery事件函数 事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。术语由事件“触发”(或“激发”)经常会被使用。 文档加载函数 //相当于在body中使用οnlοad= //在页面完全加载后才会调用 $(document).ready(function() { //函数内容 }); 点击事件函数 $("button").click(function() {..som...原创 2019-05-24 20:53:48 · 590 阅读 · 0 评论 -
Json技术
Json技术 什么是Json JSON: JavaScript Object Notation(JavaScript 对象表示法) JSON 比 XML 更小、更快,更易解析。 JSON 是轻量级的文本数据交换格式 JSON 独立于语言 JSON 具有自我描述性,更易理解 JSON 是存储和交换文本信息的语法,类似 XML。 Json简介 JSON 是 JavaScript Object...原创 2019-09-24 11:34:16 · 1214 阅读 · 0 评论