网站及app开发,湖南做网站问磐石网络专业,wordpress导入网页,上海定制建设网站1 要求 将一段 HTML脚本 封装成一个字符串#xff0c;将这个字符串转换成一个jQuery对象#xff1b;然后将这个jQuery对象添加到指定的元素中去 2 步骤 定义字符串 var str div idbox01hello world/div; //定义一个字符串 利用jQuery框架将字符… 1 要求 将一段 HTML脚本 封装成一个字符串将这个字符串转换成一个jQuery对象然后将这个jQuery对象添加到指定的元素中去 2 步骤 定义字符串 var str div idbox01hello world/div; //定义一个字符串 利用jQuery框架将字符串转换成jQuery对象 var box $(str); // 利用jQuery将字符串转换成jQuery对象 打印输出转换得到的结果判断是否转换成功 console.log(box); // 打印转换过来的jQuery对象 获取转换过来的jQuery对象中的内容 console.log(box.html()); // 获取转化过来的jQuery对象中的内容 将装换过来的jQuery对象添加到指定的元素中去 $(#parent).append(box); // 将转换过来的jQuery对象添加到指定元素中去 1 !DOCTYPE html!-- 给浏览器解析我这个文档是html文档 --2 html3 head4 meta http-equivContent-Type contenttext/html; charsetutf-8 /5 meta namedescription content /6 meta nameKeywords content /7 title/title8 9 script typetext/javascript src../js/test.js/script
10 script typetext/javascript src../js/jquery-1.4.3.js/script
11
12 !-- link relshortcut icon href../img/study04.ico --
13 style typetext/css
14 * {
15 margin: 0px;
16 padding: 0px;
17 }
18
19 #parent {
20 width: 300px;
21 height: 300px;
22 background-color: skyblue;
23 }
24 /style
25 script typetext/javascript
26 $(function() {
27 var str div idbox01hello world/div; //定义一个字符串
28 var box $(str); // 利用jQuery将字符串转换成jQuery对象
29 console.log(box); // 打印转换过来的jQuery对象
30 console.log(box.html()); // 获取转化过来的jQuery对象中的内容
31 $(#parent).append(box); // 将转换过来的jQuery对象添加到指定元素中去
32 });
33 /script
34 /head
35
36 body
37 div idparent
38
39 /div
40
41 /body
42 /html View Code 3 js代码执行顺序 直接写的js代码按照顺序执行 绑定的js代码事件触发时执行 $(funcgion({}) 这里面的js代码是在body加载完成后才执行 4 绑定数据到元素 4.1 要求将某些数据绑定到指定元素 4.2 实现利用jQuery对象的data方法 $(#box01).data(name, warrior); name 绑定数据的名称 warrior 被绑定的数据 console.log($(#box01).data(name)); name 之前绑定好的数据的名称 1 !DOCTYPE html!-- 给浏览器解析我这个文档是html文档 --2 html3 head4 meta http-equivContent-Type contenttext/html; charsetutf-8 /5 meta namedescription content /6 meta nameKeywords content /7 title/title8 9 script typetext/javascript src../js/test.js/script
10 script typetext/javascript src../js/jquery-1.4.3.js/script
11
12 !-- link relshortcut icon href../img/study04.ico --
13 style typetext/css
14 * {
15 margin: 0px;
16 padding: 0px;
17 }
18
19 #parent {
20 width: 300px;
21 height: 300px;
22 background-color: skyblue;
23 }
24 /style
25 script typetext/javascript
26 $(function() {
27 // 将数据绑定到元素上
28 $(#box01).data(name, warrior);
29 $(#box01).data(gender, Male);
30
31 // 获取之前给元素绑定的数据
32 console.log($(#box01).data(name));
33 console.log($(#box01).data(gender));
34 });
35 /script
36 /head
37
38 body
39 div idbox01
40
41 /div
42
43 /body
44 /html View Code 转载于:https://www.cnblogs.com/NeverCtrl-C/p/6956536.html
