JS,JQ

2019-05-31  本文已影响0人  萌萌哒的鸡蛋

1.配置jquery环境

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

2.页面加载时执行

JS:

function t1(){

window.alert("hh");

window.open("http://baidu.com","广告","width=100px height=100px left=100px top=100px");

};

加载完页面进行:

window.onload = t1;

JQ:

$(function(){    //简写

//方法体

});

$(document).ready(function(){    //原始

//方法体

});

3.onload和$(document).ready(function(){});区别

onload只能执行一次,后者可以执行多次

onload在所有元素加载完毕后执行,后者可能会在图片、视频、音频没加载完毕时执行(加载完节点就执行)

后者有简写

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");

上一篇下一篇

猜你喜欢

热点阅读