HTML字符串转换成jQuery对象、绑定数据到元素上_字符串转jquery对象_风神修罗使的博客

相关文章推荐
幸福的草稿本 · 操作符 | PingCAP 文档中心· 9 月前 ·
帅呆的帽子 · vue获取当前日期时间(使用moment和n ...· 1 年前 ·
迷茫的马克杯 · Excel工作表怎样快速标记公式引用的单元格 ...· 1 年前 ·
路过的茶叶 · Oracle数据库，浅谈Oracle索引提高 ...· 1 年前 ·
含蓄的铁板烧 · linux——正则表达式在linux中的应用 ...· 1 年前 ·
$




    
("#parent").append(box);   // 将转换过来的jQuery对象添加到指定元素中去
<!DOCTYPE html><!--  给浏览器解析，我这个文档是html文档 -->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="description" content="" />
    <meta name="Keywords" content="" />
    <title></title>
    <script type="text/javascript" src="../js/test.js"></script>
    <script type="text/javascript" src="../js/jquery-1.4.3.js"></script>
    <!-- <link rel="shortcut icon" href="../img/study04.ico"> -->
    <style type="text/css">
            margin: 0px;
            padding: 0px;
        #parent {
            width: 300px;
            height: 300px;
            background-color: skyblue;
    </style>
    <script type="text/javascript">
        $(function() {
            var str = '<div id="box01">hello world</div>'; //定义一个字符串
            var box = $(str); // 利用jQuery将字符串转换成jQuery对象
            console.log(box); // 打印转换过来的jQuery对象
            console.log(box.html());   // 获取转化过来的jQuery对象中的内容
            $("#parent").append(box);   // 将转换过来的jQuery对象添加到指定元素中去
        });
    </script>
</head>
    <div id="parent">
    </div>
</body>
</html>
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　　之前绑定好的数据的名称
<!DOCTYPE html><!--  给浏览器解析，我这个文档是html文档 -->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="description" content="" />
    <meta name="Keywords" content="" />
    <title></title>
    <script type="text/javascript" src="../js/test.js"></script>
    <script type="text/javascript" src="../js/jquery-1.4.3.js"></script>
    <!-- <link rel="shortcut icon" href="../img/study04.ico"> -->
    <style type="text/css">
            margin: 0px;
            padding: 0px;
        #parent {
            width: 300px;
            height: 300px;
            background-color: skyblue;
    </style>
    <script type="text/javascript">
        $(function() {
            // 将数据绑定到元素上
            $("#box01").data("name", "warrior"); 
            $("#box01").data("gender", "Male");
            // 获取之前给元素绑定的数据
            console.log($("#box01").data("name"));
            console.log($("#box01").data("gender"));
        });
    </script>
</head>
    <div id="box01">
    </div>
</body>
</html>
                    1 要求将一段 HTML脚本 封装成一个字符串，将这个字符串转换成一个jQuery对象；然后将这个jQuery对象添加到指定的元素中去2 步骤　　定义字符串var str = ‘hello world’; //定义一个字符串　　利用jQuery框架将字符串转换成jQuery对象var box = $(str); // 利用jQuery将字符串转换成jQuery对象　　打印输出转换得到...
接受一个JSON字符串，返回解析后的对象。
传入一个畸形的JSON字符串会抛出一个异常。比如下面的都是畸形的JSON字符串：
{test: 1} （ test 没有包围双引号）
{‘test’: 1} （使用了单引号而不是双引号）
另外，如果你什么都不传入，或者一个空字符串、null或undefined，parseJSON都会返回 null 。
jsonString
要解析的JSON字符串
解析一个JSON字符串
jQuery 代码:
var str = '{"name":"John"}';
var obj = jQuery.parseJSON(str);
				最近在开发百度地图相关的一个应用，需要从硬编码的html字符串中提取自己想要的元素以及属性信息。但是在js中或者jQuery中操作元素节点以及属性都是使用DOM对象或者jquery对象。下面将介绍如何把html字符串转为Jquery对象或者DOM对象。
原html字符串如下：
var text="<div id='overLay' style='width:50px;height:60px;...
var html = '<div><h4><a class="preview-target" href="content.html">Headline</a></h4></div>';
要想用jquery操作里面的html元素，可以用以下方法
var html = '<div><h4><a class="preview-target" href="conte
				jQuery(test)[0].outerHTML
outerHTML是部分浏览器提供的原生DOM属性，可返回包括元素本身在内的html代码。
如果不需要标签本身，可用jQuery的html方法来获取html文本
jQuery(test).html()
var test='&lt;div&gt;.&lt;img src="oldsrc" /&gt;.&lt;/div&gt;'
var jObj=...
				　　最近在开发百度地图相关的一个应用，需要从硬编码的html字符串中提取自己想要的元素以及属性信息。但是在js中或者jQuery中操作元素节点以及属性都是使用DOM对象或者jquery对象。下面将介绍如何把html字符串转为Jquery对象或者DOM对象。
　　原html字符串如下：
var text="<div id='overLay' style='width:50px;heig...
正确答案为 a. JSON.parse() 和 c. jQuery.parseJSON()。
JSON.parse() 是 JavaScript 原生提供的将 JSON 字符串转换为 JavaScript 对象的方法。使用 JSON.parse() 方法时，必须确保传入的字符串是合法的 JSON 格式，否则将会抛出语法错误。
jQuery.parseJSON() 方法与 JSON.parse() 方法作用类似，可以将 JSON 字符串转换为 JavaScript 对象。不同的是，它还支持解析 JavaScript 对象，而不仅仅是 JSON 格式的数据。
eval() 方法也可以将 JSON 字符串转换为 JavaScript 对象，但不建议使用。因为 eval() 方法可以执行任意 JavaScript 代码，如果 JSON 字符串中包含恶意代码，eval() 方法会将其执行，可能会导致安全问题。
stringify() 方法是将一个 JavaScript 值转换为 JSON 字符串的方法，与此题无关。