jQuery--jq对象和dom对象

最新推荐文章于 2022-03-10 09:43:34 发布

sonia_gintoki

最新推荐文章于 2022-03-10 09:43:34 发布

阅读量647

点赞数 1

分类专栏： jQuery 文章标签： javascript jQuery

本文链接：https://blog.csdn.net/sonia_gintoki/article/details/50773935

版权

jQuery 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

1什么是jq对象

2jq对象和dom对象转化

3jq如何与其他js库共存

<body>

<p>我是大p</p>
<div class="d">我是大v</div>
<input type="text"  value="inputyo"></input>
</body>
<script type="text/javascript">
/*什么是jq对象 */

// js例子
	// var p = document.getElementsByTagName('p')[0];
	// 用dom方法获得的对象p就是dom对象

var p = $('p');
// p为jQuery对象，只能使用jQuery的方法,html()为例 这个类似innerHTML
alert(p.html());






/*jq对象和dom对象转化
jq->dom 
1用索引法 */
var d = $('.d');
alert(d[0].innerHTML);
// 本来是像上面那样html()

/*2 get法*/
alert(d.get(0).innerHTML);

/*dom->jq
*/
var input = document.getElementsByTagName('input')[0];
alert($(input).val());
// 本来js的是.value




/*jq如何与其他js库共存
用jQuery.noConflict(
把$权限交出去
在最上方加上这一句
就可以用两种库

1 可以自定义代替$的符号 看下面，不定义默认jQuery
2 如果不用noconflict
只是导入script jq在第一个
用法还是同上*/

var jq = jQuery.noConflict();
var p = jq('p');

</script>