js与jQuery

1,配置jQuery环境 

<script type="text/javascript" src="js/jquery-1.12.4.js"></script>

2,俩种页面加载时执行

js:

window.onload=openwind;

<script type="text/javascript">          //先导入

    function openwind(){                //执行

alert("开始测试");         //弹出窗口

    }

jQuery:

$(function(){

执行的内容

})

3,俩者的区别:

window.onload只可以执行一次,所有内容加载完后才能执行,不可以简写

jQuery 每次都执行,节点完成后直接执行,并且可以简写成$(function(){})

4.获取页面节点的方式

getElementById();//id

getElementByName();//名字    JQ:$("[name=a1]");//

getElementByClassName();//类名

getElementByTagName();//标签

5.获取标签内容

innterText;//js获取文本内容

innterHTML;//js获取全部内容

text();//jq获取文本内容

html();//jq获取全部内容

6.获取标签样式

js:style();

jq:css();

7.值的获取和赋值

获取:js: innterHTML; innterText;    style.color;

jq:html();    text();    css("color");

赋值:js:innterHTML = null; innterText = null;    style.color = red;

jq:html("");    text("");    css("color","red");

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,646评论 1 45
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,298评论 0 3
  • 22、JQ的基础语法、核心原理和项目实战 jQ的版本和下载 jQuery版本 1.x:兼容IE6-8,是目前PC端...
    萌妹撒阅读 1,772评论 0 0
  • JS基础 Java: 面向对象 编译型 强变量 服务器JS: 基于对象 解释型 弱变量 客户端 编译和解释:编...
    神坛下的我阅读 548评论 0 0
  • 就算关闭门窗,亦能从夹缝里听到 你盛开的声音,似梁间燕耳边呢喃 就算紧闭双眼,亦能从暖风里闻到 你独特的气息,浓淡...
    做人如莲阅读 161评论 0 0