jquery文档 | 易学教程

jquery之文档操作

阅读更多关于 jquery之文档操作

append(content|fn) 向每个匹配的元素内部添加内容(元素内部) 　　appendTo(content) 把所有匹配的元素追加到另一个指定的元素中(元素内部) 　　prepend(content) 向每个匹配元素内部前置内容，是向所有匹配元素内部前置内容的最好方法(元素内部) 　　prependTo(content) 把所有匹配的元素前置到另一个指定的元素集合中(元素内部) 　　after(content|fn) 在每个匹配的元素之后插入内容(元素外部)，$(A).after(B)的操作，把B插入到A后面　　before(content|fn) 在每个匹配的元素之前插入内容(元素外部) 　　insertAfter(content) 把所有匹配的元素插入到插入到另一个指定的元素集合后面　　empty() 删除所有匹配元素的子元素　　remove([expr]) 删除所有匹配元素 HTM示例代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body>  <b>好亮</b> <h1>第一个标题</h1> <img src="57eb.jpg">57eb.jgp <div class="nav-2014"

Jquery选择器大全

阅读更多关于 Jquery选择器大全

jQuery是一个快速的，简洁的javaScript库，使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。 JQuery最为强大的功能之一就是它支持全面的Dom元素选择器。它支持使用CSS选择器、子选择器、容器选择器、特性选择器、位置选择器以及JQuery自定义的选择器等多种选择器在Html文档中选择Doms。在这里将它们列出来，方便查找： 1.JQuery基本Css选择器 *:匹配任意元素 E：匹配标签名为E的所有元素,比如说$('a')会选出所有链接元素； #id：通过元素id进行选择，比如说$("#form1")会选择id为form1的元素； .class：通过元素的CSS类来选择，比如说$(".boldstyle")会选择CSS为boldstyle类的元素；标签名#id.class：通过某类元素的id属性和class属性来选择，如：$(a#blog.boldStyle)会选择id为blog并且CSS类型为.boldStyle类型的链接元素(<a id='blog' class='.boldStyle'>)；父标签名子标签名.class：通过选择父标签下的某种CSS类型的子元素，如：$(p a.redStyle)会选择p段落元素中的链接子元素a，且其css类型为.redStyle； parent >

Easyui入门学习知识

阅读更多关于 Easyui入门学习知识

第一步：什么是easyui(容易) jQuery EasyUI是一组基于jQuery的UI插件集合体，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html标签。学习目地：掌握前端框架的相关概念理解什么是组件学习API文档的查看 (重点) jquery的深入学习第二步：在项目中添加easyui支持需要下载一个：jquery-easyui-1.5.1.zip压缩文件. 内容：第三步：导入需要的文档和包 1. 导入jquery 2. 导入easyui 3. 导入easyui所需要的css 在WebContent下面创建一个common - - > heab.jsp:下面是源代码方便与每个页面不要每次导入 <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%><% String ctx=request.getContextPath();request.setAttribute("ctx", ctx);%> <link rel="stylesheet" type="text/css" href="$

华育兴业干货 | Web前端经典面试题及答案

阅读更多关于华育兴业干货 | Web前端经典面试题及答案

昨天，小骨头分享了关于Java的面试题，有学员反映需要前端方向的面试题，所以小骨头又来给大家分享干货了，本篇收录了一些面试前端岗位时，经常会遇到的经典面试题，通过对本篇知识的整理以及经验的总结，希望能帮到更多的前端面试者。 javascript 1、JavaScript中如何检测一个变量是一个String类型？请写出函数实现方法1、 function isString(obj){ return typeof(obj) === "string"? true: false; // returntypeof obj === "string"? true: false; } 方法2、 function isString(obj){ return obj.constructor === String? true: false; } 方法3、 function isString(obj){ return Object.prototype.toString.call(obj) === "[object String]"?true:false; } 如： var isstring = isString('xiaoming'); console.log(isstring); // true 2、请用js去除字符串空格？方法一：使用replace正则匹配的方法去除所有空格： str = str

jQuery---文档操作

阅读更多关于 jQuery---文档操作

一、相关知识点总结1、CSS .css() - .css("color") -> 获取color css值 - .css("color", "#ff0000") -> 设置值 - .css({"color": "#cccccc", "border": "1px solid #ff0000"}) -> 设置多个值 - .css(["color", "border"]) -> 获取多个值 .offset - 获取相对位置 - 比较的对象是html (窗口) .position - 获取相对已经定位的父标签的位置 - 比较的是最近的那个做过定位的祖先标签 .scrollTop([val]) - 返回顶部的例子 .scrollLeft([val]) 尺寸： height([val|fn]) - 元素的高度 width([val|fn]) - 元素的宽度 innerHeight() - 带padding的高度 innerWidth() - 带padding的宽度 outerHeight([soptions]) - 在innerHeight的基础上再加border的高度 outerWidth([options]) - 在innerHeight的基础上再加border的高度2、文档操作内部插入 A.append(B) 吧B添加到A的后面 A.appendTo(B) 吧A添加到B的后面 A

前端——jQuery

阅读更多关于前端——jQuery

　　jQuery是JS的工具库，对原生JS中的DOM操作、事件处理、包括数据处理和Ajax技术等进行封装，使用 . 链式写法，提供更完善,更便捷的方法。　　再使用jquery之前，我们需要先引入jquery文件，才能使用jquery语法，导入jQ文件的方法有两种。从 jquery.com 下载 jQuery 库，本地导入（比较常用）从 CDN（内容分发网络）中载入 jQuery，Staticfile CDN、百度、新浪、谷歌和微软的服务器都存有 jQuery 。 <head> // 本地导入 <script src="js/jquery.min.js"></script> // 从 Staticfile CDN 导入 <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> // 百度CDN <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"> </head> 注意：使用CDN有一个很大的优势，那就是许多用户在访问其他站点时，已经从百度、又拍云、新浪、谷歌或微软加载过 jQuery。当他们访问您的站点时，会从缓存中加载 jQuery，这样可以减少加载时间。同时，大多数 CDN

jQuery 基础

阅读更多关于 jQuery 基础

# JQuery简介 {ignore} [toc] ## 什么是JQuery？ 1. JQuery是一个JavaScript函数库 2. JQuery是一个轻量级“写的少，做的多”的JavaScript库 3. JQuery库包含以下功能： HTML元素获取 HTML元素操作 CSS操作 HTML事件函数 JavaScript特效和动画 HTML DOM遍历和修改 AJAX、Utilities ## JQuery语法 JQuery语法是通过选取HTML元素，并对选取的元素执行某些操作。基础语法：$(selector).action() 美元符号定义JQuery、选择符(selector)“查询”和“查找”HTML元素、JQuery的action()执行对元素的操作 ## 文档就绪函数 1. $(document).ready(function (){这个里面写JQuery代码}) 2. $(function(){这个里面写JQuery代码}) ## JQuery事件页面对不同访问者的相应叫做事件。事件处理程序指的是当HTML中发生某些事件时所调用的方法。常见的DOM事件： 1. 鼠标事件 click、dblclick（双击改变样式）、mouseenter（当鼠标放在这个元素上）、mouseleave 2. 键盘事件 keypress、keydown、keyup 3.

jquery基本语法使用、总结笔记

阅读更多关于 jquery基本语法使用、总结笔记

初识jQuery jQuery简介什么是jQuery？ jQuery是一个优秀的JavaScript库，是一个凭借简洁的语法和跨平台的兼容性，极大地简化了JavaScript开发人员遍历HTML文档，操作DOM，执行动画和开发Ajax的操作。jQuery封装了很多预定义的对象和函数。其理念：write less,do more. 常见的javascript库? Prototype:是最早成型的JS库之一，对于JS的内置对象做了大量的扩展。 Do jo：提供了很多奇特JS库没有提供的功能。例如：离线存储的API，生成图标的组件等等。 YUI：是由Yahoo公司开发的一套完备的，扩展性良好的富交互网页程序工作集。 Ext JS：原本是对YUI的一个扩展，主要用于创建前端用户界面。 Moo Tools：是一套轻量、简洁、模拟化和面向对象的JS框架。 jQuery：同样是一个轻量级的库，拥有强大的选择器等更多优点，吸引了更多开发者去学习使用它。 jQuery的特性 jQuery能做以下事情： HTML元素选取 HTML元素操作 CSS操作 HTML事件函数 JavaScript特效和动画 HTML DOM遍历和修改 AJAX Utilities jQuery的使用方式 1、下载后引入 < script src = "jquery-3.3.1/jquery-3.3.1.min.js" >

使用JQuery操作DOM

阅读更多关于使用JQuery操作DOM

1.DOM操作 DOM操作分为三类： DOM Core：任何一种支持DOM的编程语言都可以使用它，如getElementById() HTML-DOM：用于处理HTML文档，如document.forms CSS-DOM：用于操作CSS，如element.style.color="green" 提示：JavaScript用于对(x)html文档进行操作，它对这三类DOM操作都提供了支持 2.jQuery中的DOM操作 jQuery对JavaScript中的DOM操作进行了封装样式操作内容及Value值操作节点操作节点属性操作节点遍历 CSS-DOM操作使用jquery操作样式 jquery.css("background","red"); jquery.css({"background":"red","font-size":"25px"}); 追加样式 $(selector).addClass(class); 或 $(selector).addClass(class1 class2 … classN); 移除样式 $(selector).removeClass("class") ; 或 $(selector).removeClass("class1 class2 … classN ") ; 3.html( ) 和text( )方法的区别 4.表单元素一种：

订阅 jquery文档