码迷,mamicode.com
首页 > Web开发 > 详细

jquery常识

时间:2015-08-02 13:51:42      阅读:131      评论:0      收藏:0      [点我收藏+]

标签:

  1. 为页面所有p标签添加click事件

$(‘p‘).click(function(){
    console.log($(this).html());
});

2.页面加载完毕再执行代码,可写多个

$(document).ready(function(){
	alert("页面已经加载完成");
});

$(function(){
	alert(‘页面已经加载完成 -- 简写‘);
});

3.jquery对象和dom对象

var p = $(‘p‘);
//用jquery选择器得到的对象,就是jquery对象,不能使用dom对象的方法

var p = document.getElementById(‘p‘);
//用DOM方法获得到的对象,就是DOM对象

jquery对象可以使用var p = $(‘p‘)[0];或者var p = $(‘p‘).get[0];转化为dom对象
dom对象转化jquery对象,只要用$()包起来就可以了

4.解决与别的插件冲突,释放$符号占用

<script src="prototype.js"></script>
<script src="jQuery.js"></script>

<input type="text" id="a" value="aaaaa">
<script>
	jQuery.noConflict()
	alert(‘prototype‘+$F(‘a‘));
	alert(‘jQuery‘+jQuery(‘#a‘).val());
</script>
prototype是目前应用最为广泛的Ajax开发框架,其的特点是功能实用而且尺寸较小,非常适合在中小型的Web应用中使用。

5.选中所有符合标签和子符合标签

<div>
    <a>1</a>
    <a>2</a>
    <p><a>3</a></p>
</div>
$(‘div a‘) 选中div标签里边的所有a标签,即1、2、3都被选中
$(‘div>a‘) 选中div标签里边的儿子a标签,即1、2被选中,相当于children()方法,3不是div的子标签,而是p的子标签



jquery常识

标签:

原文地址:http://my.oschina.net/u/861926/blog/486618

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!