jQuery--jq对象和dom对象

来源:互联网 发布:linux 查看内存多大 编辑:程序博客网 时间:2024/06/05 21:51


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()为例 这个类似innerHTMLalert(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 可以自定义代替$的符号 看下面,不定义默认jQuery2 如果不用noconflict只是导入script jq在第一个用法还是同上*/var jq = jQuery.noConflict();var p = jq('p');</script>


0 0
原创粉丝点击