javascript 与Jquery

最新推荐文章于 2023-06-06 18:42:57 发布

lealiujj

最新推荐文章于 2023-06-06 18:42:57 发布

阅读量113

点赞数

分类专栏： html前端

本文链接：https://blog.csdn.net/lealiujj/article/details/99828128

版权

html前端专栏收录该内容

5 篇文章 0 订阅

订阅专栏

总结：
jQuery是拿着javascript进行的封装，让开发者使用起来更加方便和高效，同时jQuery对市面上主流的浏览器进行了封装。

JavaScript知识点总结：
html部分
1、html由标签组成，标签分分为：
双标签，双标签中的内容称为标签内容，标签尖括号内的内容称为属性。开始标签结束标签

段落标签

单标签，标签尖括号中的内容仍为属性，如：，

<input type="text" name="t1">
<label for="pwd">password:</label>
<label for="gender:">gender:</label>
            <input type="radio" name="gender" id="man" value="man">man

标签可以套标签

2、css
层叠样式表，给标签设置属性，布局，显示，如颜色、字体、位置、大小、显示隐藏等样式
结构：
选择器 {
样式名：样式值； ----注意分号结尾
样式名：样式值；
}

引入方式：
行内式：
<div style="width:100px; height:100px; background:red ">hello</div>
内嵌式：

<head>
   <style type="text/css">
      h3{
         color:red;
      }
   </style>
</head>

外链式：在head中引入

<link rel="stylesheet" type="text/css" href="css/main.css">

选择器CSS和Jequery的大部分一样，除属性选择器和组选择器包括：
标签选择器，如 p
类选择器，前面加点，如 .classname
层级选择器，多级之间用空格隔开，如 div p lable
ID选择器，前面用#号，如，#IDname
组选择器，多个之间用，号隔开，如，div,p,h1

3、js

使用jQuery，

1. 行内式（主要用于事件）
               <input type="button" name="" onclick="alert('ok！');">

 2. 内嵌式
    <script type="text/javascript">        
          alert('ok！');
   </script>

3. 外链式
  <script type="text/javascript" src="js/index.js"></script>
   外链式导入后直接在html中开一个script标签直接使用其中的函数或变量
 <script >
    nfTest()   //直接调用引入js文件中的函数
 </script>

4、html中事件触发执行都是函数，因此要将执行代码封装成函数，如：

<script>
       function fnTest1(a,b){
            alert("hahhah"+a+b);
        }
        var ia = null;
        ia = setInterval(fnTest1,4000,33,"bbbb");
        // 定时器停止后需要销毁，用clearInterval方法
        function fnStop(){
            clearInterval(ia);
        }
    </script>
<body>
    <p>
        <input type="button" value="stop" onclick="fnStop()">  //基于事件的调用通过方法
    </p>
</body>

<script>
window.onload = function(a,b){  //匿名函数，窗体加载事件
document.getElementById("d1")
}
</script>

lealiujj

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript 与Jquery

总结：jQuery是拿着javascript进行的封装，让开发者使用起来更加方便和高效，同时jQuery对市面上主流的浏览器进行了封装。JavaScript知识点总结：html部分1、html由标签组成，标签分分为：双标签，双标签中的内容称为标签内容，标签尖括号内的内容称为属性。开始标签结束标签段落标签单标签，标签尖括号中的内容仍为属性，如：，<input type="t...
复制链接

扫一扫

专栏目录