分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

前端html及标签

发布时间:2023-09-06 02:03责任编辑:郭大石关键词:前端

1.  完整的html页面标签必须有的 

 <html> ???<head> ???????<meta charset=""> ??//一般需要指定编码语言 ??</head> ???????<body></body></html>

2.  html页面嵌入js代码的两种方式 

方法一:<script type="text/javascript"></script>
方法二:<script type="text/javascript" src=""></scripts>

3.  html页面嵌入css代码的两种方式

方法一:<style type="text/css"></style>
方法二:<link rel="stylesheet" href="css的位置" type="text/css">

其中link标签中的 rel="stylesheet"定义了一个外部样式表

4.  jQuery

  4.1 下面这个函数不可以省略,它是$(document).ready(function(){})的缩写,表示在HTML页面加载完成之后可以执行函数里面的代码

$(function(){

})

  4.2   对于button,div等不适input类型的标签,要获得标签之间的内容需要使用text(),也可以为button设置value属性,获取value值使用val()函数。比如

 <button val="button">i know </button>

$("button").click(function(){
  
  alert( $("button").val()); // 弹出button
  alert( $("button").text());// 弹出i know  
 })

  4.3  使用jQuery获取标签的使用权

  主要分为三类:原始的HTML element选择器,标签中有class选择器和id的选择器,比如:

 <button class="hi" id="ha" val="button">i know </button>
$("button").click(function(){      //这是HTML原始标签}) ?$("#ha").click(function(){        // ?id选择器})$(".hi").click(function(){      // class选择器})

前端html及标签

原文地址:https://www.cnblogs.com/zhihuayun/p/9290194.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved