html代码 | 易学教程

jQuery基础知识

阅读更多关于 jQuery基础知识

表单筛选器 :text :password :file :radio :checkbox :submit :reset :button 例子: $(':checkbox') // 找到所有的checkbox 表单对象属性: :enabled :disabled :checked :selected 例子: 找到可用的input标签 <form> <input name="email" disabled="disabled" /> <input name="id" /> </form> $("input:enabled") // 找到可用的input标签找到被选中的option: <select id="s1"> <option value="beijing">北京市</option> <option value="shanghai">上海市</option> <option selected value="guangzhou">广州市</option> <option value="shenzhen">深圳市</option> </select> $(":selected") // 找到所有被选中的optio 筛选器方法下一个元素: $("#id").next() $("#id").nextAll() $("#id").nextUntil("#i2") 上一个元素: $("

Day49 前端知识之jQuery

阅读更多关于 Day49 前端知识之jQuery

一.jQuery介绍　　1.jQuery是一个轻量级的,兼容多浏览器的JavaScript库　　2.jQuery使用户能够方便的处理HTML Document,Events,实现动画效果,方便的进行Ajax交互,能够极大地简化JavaScript编程,它的宗旨是:Write less,do more. 二.jQuery优势一款轻量级的JS框架。jQuery核心js文件才几十kb，不会影响页面加载速度。丰富的DOM选择器,jQuery的选择器用起来很方便，比如要找到某个DOM对象的相邻元素，JS可能要写好几行代码，而jQuery一行代码就搞定了，再比如要将一个表格的隔行变色，jQuery也是一行代码搞定。链式表达式。jQuery的链式操作可以把多个操作写在一行代码里，更加简洁。事件、样式、动画支持。jQuery还简化了js操作css的代码，并且代码的可读性也比js要强。 Ajax操作支持。jQuery简化了AJAX操作，后端只需返回一个JSON格式的字符串就能完成与前端的通信。跨浏览器兼容。jQuery基本兼容了现在主流的浏览器，不用再为浏览器的兼容问题而伤透脑筋。插件扩展开发。jQuery有着丰富的第三方的插件，例如：树形菜单、日期控件、图片切换插件、弹出窗口等等基本前端页面上的组件都有对应插件，并且用jQuery插件做出来的效果很炫

HTML 事件(一) 事件的介绍

阅读更多关于 HTML 事件(一) 事件的介绍

　　本篇主要介绍HTML中的事件知识：事件相关术语、DOM事件规范、事件对象。其他事件文章 1. HTML 事件(一) 事件的介绍 2. HTML 事件(二) 事件的注册与注销 3. HTML 事件(三) 事件流、事件委托 4. HTML 事件(四) 模拟事件操作目录 1. 事件相关术语：介绍事件相关的术语；如：事件类型、事件名称、事件目标等等。 2. DOM事件规范：介绍W3C目前定义的三种DOM事件规范：0、2、3级。 3. 事件类型：介绍了HTML目前的事件类型；如：UIEvent、FocusEvent、MouseEvent、WheelEvent、KeyboardEvent、CompositionEvent。 4. Event 事件对象：表示事件发生时的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态等等。 1. 事件相关术语事件可表示为动作。以鼠标为例，移动、点击、悬停都是一种动作，也是事件。事件类型 ( event type ) ：表示事件的类型。如： MouseEvent (鼠标事件)、 KeyboardEvent (键盘事件)。事件名称 ( event name ) ：表示事件的名称。如：click(单击)、dblclick(双击)。事件目标 ( event target ) ：表示与发生事件相关的目标对象。

HTML连载75-3D转换模块之正方体

阅读更多关于 HTML连载75-3D转换模块之正方体

一、正方体核心要点就是：使用3D转换模块，以及平移、旋转的在X、Y、Z轴上的应用 <style> *{ margin:0; padding:0; } ul{ width: 200px; height: 200px; border: 1px solid black; box-sizing:border-box; margin:100px auto; position:relative; transform: rotateY(0deg) rotateX(0deg); transform-style: preserve-3d;/*转换成一个3D的面*/ } li{ list-style: none; width: 200px; height: 200px; text-align:center; line-height:200px; font-size:60px; position:absolute; } ul li:nth-child(1){ background-color: red; transform:translate(-100px) rotateY(-90deg); } ul li:nth-child(2){ background-color: blue; transform:translate(100px) rotateY(90deg);/

JSP学习笔记（四）：文件上传

阅读更多关于 JSP学习笔记（四）：文件上传

　　JSP 可以与 HTML form 标签一起使用，来允许用户上传文件到服务器。上传的文件可以是文本文件或图像文件或任何文档。我们使用 Servlet 来处理文件上传，使用到的文件有： upload.jsp : 文件上传表单。 message.jsp : 上传成功后跳转页面。 UploadServlet.java : 上传处理 Servlet。需要引入的 jar 文件：commons-fileupload-1.3.2、commons-io-2.5.jar。　　结构如下所示： 1、创建一个文件上传表单：　　下面的 HTML 代码创建了一个文件上传表单。以下几点需要注意：表单 method 属性应该设置为 POST 方法，不能使用 GET 方法。表单 enctype 属性应该设置为 multipart/form-data。表单 action 属性应该设置为在后端服务器上处理文件上传的 Servlet 文件。下面的实例使用了 UploadServlet Servlet 来上传文件。上传单个文件，您应该使用单个带有属性 type="file" 的 <input .../> 标签。为了允许多个文件上传，请包含多个 name 属性值不同的 input 标签。输入标签具有不同的名称属性的值。浏览器会为每个 input 标签关联一个浏览按钮。　　upload.jsp

jquery动画，获取，添加

阅读更多关于 jquery动画，获取，添加

动画： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>stop实验测试</title> <script src="../js/jquery-1.4.2.js"></script> <script src="../js/jquery-1.8.3.min.js"></script> <script> /* * jQuery 动画 - animate() 方法 * jQuery animate() 方法用于创建自定义动画。 * 语法：$(selector).animate({params},speed,callback); * 必需的 params 参数定义形成动画的 CSS 属性。 * 可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。 * 可选的 callback 参数是动画完成后所执行的函数名称。 */ $(document).ready(function(){ $("#start").click(function(){ $("div").animate({left:'100px'},5000); $("div").animate({fontSize:'3em'},5000); }); $("#stop").click(function(){ $("div")

如何为html <textarea>添加默认值？

阅读更多关于如何为html 添加默认值？

我想为我的html <textarea> 设置一个默认值。我从一个材料中读到，要添加默认值，你必须做一些像 <textarea>This is default text</textarea> 。我这样做但它不起作用。什么是正确的做法？ #1楼当我做这样的事情时，它对我有用： <textarea name="test" rows="4" cols="6">My Text</textarea> #2楼如果要将数据库中的信息带入textarea标记进行编辑：输入标记不显示占用多行的数据：行无效，标记输入为一行。  textarea标签没有任何价值，但可以使用车把 <textarea class="article-input" id="article-input" type="text" rows="9" >{{article}}</textarea> #3楼此外，这对我来说非常有用： <textarea class="form-control" rows="3" name="msg" placeholder="Your message here." onfocus='this

javascript：<a> 元素

阅读更多关于 javascript：元素

原文章：https://wangdoc.com/javascript/index.html <a> 元素 <a> 元素用来设置链接。除了网页元素的通用接口（ Node 接口、 Element 接口、 HTMLElement 接口），它还继承了 HTMLAnchorElement 接口和 HTMLHyperlinkElementUtils 接口。属性 URL 相关属性 <a> 元素有一系列 URL 相关属性，可以用来操作链接地址。这些属性的含义，可以参见 Location 对象的实例属性。 hash：片段识别符（以 # 开头） host：主机和端口（默认端口80和443会省略） hostname：主机名 href：完整的 URL origin：协议、域名和端口 password：主机名前的密码 pathname：路径（以 / 开头） port：端口 protocol：协议（包含尾部的冒号 : ） search：查询字符串（以 ? 开头） username：主机名前的用户名 // HTML 代码如下 // <a id="test" href="http://user:passwd@example.com:8081/index.html?bar=1#foo">test</a> var a = document.getElementById('test'); a.hash // "

爬虫之BeautifulSoup类

阅读更多关于爬虫之BeautifulSoup类

安装：pip install BeautifulSoup4 下表列出了主要的解析器,以及它们的优缺点:看个人习惯选取自己喜欢的解析方式 1 # 获取html代码 2 import requests 3 r = requests.get('http://www.python123.io/ws/demo.html') 4 demo = r.text 5 from bs4 import BeautifulSoup 6 soup = BeautifulSoup(demo,'html.parser') 7 print(soup.prettify()) #按照标准的缩进格式的结构输出，代码如下 8 <html> 9 <head> 10 <title> 11 This is a python demo page 12 </title> 13 </head> 14 <body> 15 <p class="title"> 16 <b> 17 The demo python introduces several python courses. 18 </b> 19 </p> 20 <p class="course"> 21 Python is a wonderful general-purpose programming language. You can learn Python from

jquery tmpl 详解

阅读更多关于 jquery tmpl 详解

官方解释对该插件的说明：将匹配的第一个元素作为模板，render指定的数据，签名如下: .tmpl([data,][options]) 其中参数data的用途很明显：用于render的数据，可以是任意js类型，包括数组和对象。options一般情况下都是选项了，官方指出，此处的options是一个用户自定义的键值对的map，继承自tmplItem数据结构，适用于模板render动作期间。好吧，先来一个最直观的例子： <%@ Page Language="C#" AutoEventWireup="true" %> <!DOCTYPE html> <html> <head> <title>jquery template demo</title> <link rel="stylesheet" href="content/site.css" type="text/css" /> <link rel="stylesheet" href="content/jquery.ui.css" type="text/css" /> <script type="text/javascript" src="scripts/jquery.js"></script> <script type="text/javascript" src="scripts/jquery.ui.js"></script>

订阅 html代码