//$:代表jquery对象
// ready方法的作用是当页面中的dom加载完毕后执行参数中的函数,jquery提供的
//将dom对象document 转换成jquery对象 $(document)
$(document).ready(function()
{
alert("Hello World");
});
<script type="text/javascript" src="jquery-1.4.4.js"></script>
<script type="text/javascript">
function test1() {
alert("hello");
}
function test2() {
alert("world");
}
window.onload = test1;
window.onload = test2;//onload页面加载完,dom关联关系建立好触发,onclick:点击触发,本质是一样的
//引用指向test1 然后改变指向 test2 . window.onload:引用只能指向一个.
</script>
<script type="text/javascript">
//将dom对象转成jquery对象,然后调用ready方法
//ready:dom一加载完就执行
$(document).ready(function()
{
alert("hello");
}
);
$(document).ready(function()
{
alert("world");
});
//jquery的ready方法和window.onload方法有差别:执行时机不同. 多次引用时效果不一样
</script>
<script type="text/javascript">
//onload的执行时机在页面加载完毕,并且dom关联关系建立,因此能取到下面的a标签
window.onload = function()
{
var myLinks = document.getElementsByTagName("a");
for(var i = 0; i < myLinks.length; i++)
{
myLinks[i].onclick = function()
{
alert("Hello World"); //给每一个超链接对象附加onclick属性
}
}
}
</script>
<a href="#">test1</a><br>
<a href="#">test2</a><br>
<a href="#">test3</a><br>
<a href="#">test4</a><br>
<a href="#">test5</a><br>
<a href="#">test6</a><br>
<script type="text/javascript">
//ready:dom加载完毕触发
$(document).ready(function()
{
//将网页中的a元素转成jquery对象. jquery的对象调用click,原生JS中叫onclick属性,到jQuery后把属性转成了方法
//$后面跟对象的名字或者标签的名字
//$("a")//获得页面上所有的a元素
$("a").click(function()
{
alert("Hello World");//底层是一个遍历的过程
});
});
</script>
<a href="#">test1</a><br>
<a href="#">test2</a><br>
<a href="#">test3</a><br>
<a href="#">test4</a><br>
<a href="#">test5</a><br>
<a href="#">test6</a><br>
<script type="text/javascript" src="jquery-1.4.4.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
var pElement = document.getElementsByTagName("p")[0];
//将DOM对象转换为jQuery对象
var pElementjQuery = $(pElement);
alert("DOM对象结果:" + pElement.innerHTML);//获得标签里内容
alert("jQuery对象结果:" + pElementjQuery.html());//jquery将dom属性innerHTML转成了html()方法
var cm = $("#clickMe"); //获得的是jQuery对象:#id名字,数组类型的;如果不加#表示标签
// jQuery对象转换为DOM对象(第一种方式)
var t = cm[0]; // t是DOM对象,获得数组的第一个属性,就转成了dom对象
alert(t.innerHTML);
// jQuery对象转换为DOM对象(第二种方式)
var s = cm.get(0);
alert(s.innerHTML); //s是DOM对象
});
</script>
</head>
<body>
<p id="clickMe">点击我</p>
</body>
分享到:
相关推荐
Jquery_基础学习笔记 jquery还是要好好看看 不错的框架
Jquery的知识 pdf格式的
本CHM手册旨在帮助广大jQuery爱好者快速了解jquery库和jquery开发人员提供一份速查手册。 以上内容来自本版的原作者一揪,下面说说做这版的原因。 一直以来我都是1.1和1.2版的手册同时使用,不肯放弃1.1版的...
jQuery_1.4中文文档 jQuery基础教程 JQuery中文入门指南
【练习向】jQuery基础教程第四版章节源码——Book02_jQuery_选择元素
【练习向】jQuery基础教程第四版章节源码——Book05_jQuery_操作DOM
jquery入门教程,帮助大家学习web前端开发,教程清晰明了,适于学习基础。最好具有将啊vascriptde基础
js_html_css_jQuery_bootstrapPDF文档基础到框架 包含了html css js jquery booststrap 从简到难,讲解详细,初学者可以看懂,满足很多想学习前端的人群
与 jQuery 一样,JQM 是一个在 Internet 上直接托管、免费可用的开源代码基础。事实上,当 JQM 致力于统一和优化这个代码基时,jQuery 核心库受到了极大关注。这种关注充分说明,移动浏览器技术在极短的时间内取得了...
很实用的初学者入门教程,jQuery很小也很好用,值得学下
jQuery的基础教程。初步认识jQuery
是一个jquery为基础的,可显示图像, divs ,或者远程页面。 它的使用简单,容易。
jQuery基础教程笔记jQuery基础教程笔记jQuery基础教程笔记jQuery基础教程笔记
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨 是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装...
jquery基础教程中文版2015
关于jeasyUIAPI的 CHM版本: ...所以翻译过程中,译者只能在着重准确表达原文意思的基础上力求辞藻优美,不管怎么说,实用 最重要。 限于译者的水平,文档中难免有错误疏漏之处,还望广大读者不吝斧正,不甚感激! 译
jquery-validate插件表单测试项目实例,里面包含一些基础的jquery-validate插件以及项目书写方法,上传文件方便需要时使用
初学者学习安卓开发必备的基础知识,希望大家给点积分
jquery基础教程第四版源码,帮助学习jquery