jQuery学习笔记(一) 原生js写法


<script>
var a  = document.getElementByTagName('a')[0];
a.style.color="red";
a.οnclick=function(){
this.style.border="1px solid #f9";
}
</script>
<script src="jquery.js">
var a = $('a');
a.css('color','red').click(function()){

$(this).css('border','10px solid #38a38a');
});

}


<script>
var p = document.getElementByTagName('p');
for(var i = 0;i< p.length;i++){
p[i].οnclick=function(){
aler(this.innerHTML);
};
}


</script>


jquery写法
<script>
var p = $('p');
p.click(function(){
alert($(this).html());

});


</script>
前端开发的网站
www.css88.com
jquery官网:jquery.com
Plugins
jquery的优势:
1.轻量级、强大的选择器、
不足:不能向后兼容、插件兼容、插件之间存在冲突、
大型框架中,特别是开发后台UI框架的时候,jquery对于
动画支持相对来说不太给力,需要用jquery UI来弥补
cdn的获取:
谷歌cdN:http://www.google.
引用百度的jquery库
<script src=http://libs.baidu.com/jquery/
如果正式上线后加载能更页面快
优先引入cdn库,出错引用本地库
<script>
window.οnlοad=function(){

alert(1);
}
</script>
$(document).ready(function(){
alert(1);

});


<script>
var p = document.getElementByTagId('p');
//用DOM方法获得到的对象就是DOM对象
var p = $('p');
//用jquery选择器得到的对象就是jquery对象
alert(p.innerHTML);



</script>


jquery对象不能使用DOM对象中的方法






</script>
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值