11.2

方法
1、jquerySelector() 方法
jquerySelector() 方法返回文档中匹配指定 CSS 选择器的一个元素。
document.querySelector(".title");//获取文档中class为title的元素。

2、window.onload() 方法
window.onload() 方法用于在网页加载完毕后立刻执行的操作,即当 HTML 文档加载完毕后,立刻执行某个方法。通常用于 <body> 元素,在页面完全载入后(包括图片、css文件等等)执行脚本代码。

a、只有一个要执行的函数语法:window.onload = funcRef;

b、有多个要执行的函数语法:

window.onload=function(){
    Func1();
    Func2();
    Func3();
    .....
}

属性
1、cursor:属性规定要显示的光标的类型(形状)。
a、pointer:光标呈现为指示链接的指针(一只手)
b、move:此光标指示某对象可被移动。
c、help:此光标指示可用的帮助(通常是一个问号或一个气球)。
d、default:默认光标(通常是一个箭头)
e、auto:默认。浏览器设置的光标。
f、crosshair:光标呈现为十字线。
2、position: absolute 绝对定位
position:relative 相对定位

<label> 标签
<label> 标签为 input 元素定义标注(标记),标签的 for 属性应当与相关元素的 id 属性相同。
label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。

jQuery 入口函数与 JavaScript 入口函数的区别:

 jQuery 的入口函数是在 html 所有标签(DOM)都加载之后,就会去执行。

JavaScript 的 window.onload 事件是等到所有内容,包括外部图片之类的文件加载完后,才会执行

 

 

 

选择器

Query 选择器基于元素的 id、类、类型、属性、属性值等"查找"(或选择)HTML 元素。 它基于已经存在的 CSS 选择器,除此之外,它还有一些自定义的选择器。

jQuery 中所有选择器都以美元符号开头:$()。

id选择器

通过 HTML 元素的 id 属性选取指定的元素。

页面中元素的 id 应该是唯一的,所以您要在页面中选取唯一的元素需要通过 #id 选择器。

实例:

<script>
$(document).ready(function(){
$("button").click(function(){
$("#test").hide();
});
});
</script>

.class选择器

可以通过指定的 class 查找元素。

实例:

<script>
$(document).ready(function(){
  $("button").click(function(){
    $(".test").hide();
  });
});
</script>

 

posted @ 2021-11-02 20:29  倦鸟归林  阅读(152)  评论(0)    收藏  举报