jquery怎么设置默认显示第一个元素?
思路:使用hide()隐藏所有元素→使用选择器first,first-child,nth-child(1)等获取第一个元素→使用show()显示第一个元素。
实例演示如下:
1、HTML结构
<div id="test">
<li>Glen</li>
<li>Tane</li>
<li>John</li>
<li>Ralph</li>
</div>
2、jquery代码
$(function(){
$("#test li").hide();
$("#test li").eq(0).show();
});
3、显示效果
Jquery搜索父元素操作方法?
使用js或者jquery查找父元素、子元素经常遇到。可是用起来总容易混淆,这里统一总结了一下,以后用起来相信会方便好多
这里jquery向上查找父元素 用到的方法:
closest() parents() parent()
向下查找子元素
用到的方法:find() children()
js用的是 children[] 属性 !
jquery中怎样根据父级找元素?
jquery中parent()可以获取父级元素,所以获得某元素父级的父级可以使用
$(selector).parent().parent();
示例如下
创建Html代码及css样式
class1
class2
class3
div{padding:10px 20px;border:4px solid #ebcbbe;}
div.class1{width:200px;height:120px;}
编写jquery代码
$(function(){
$("div.class3").click(function() {
obj = $(this).parent().parent();
alert(obj.prop('class'));
});
})
从哪里开始学习jQuery?
按这个顺序学习
jQuery教程
jQuery简介
jQuery入门
jQuery语法
jQuery选择器
jQuery事件
jQuery隐藏和显示
jQuery渐入渐出
jQuery 滑动
jQuery动画
jQuery停止
jQuery 回调
jQuery方法链
jQuery dom_get
jQuery dom_set
jQuery dom_add
jQuery dom_remove
jQuery CSS类
jQuery css()方法
jQuery尺寸
jQuery 遍历
jQuery遍历父元素
jQuery遍历子元素
jQuery遍历兄弟元素
jQuery缩小遍历范围
jQuery ajax 简介
jQuery ajax_load
jQuery ajax_get_post
jQuery noConflict() 方法
作为一个前端常用好用的框架,确实有学习jquery的必要性。学习的方法唯有练习,先练习选择器,然后选择过滤,然后文档修改(text,val,html,attr,append),然后学习jquery的常用工具each数组遍历,ajax调用。以上的内容常用的jquery功能基本掌握,后面建议使用jquery开发一个form表单个table表格。
jquery只所以被大家推崇,除了它强大的功能,还包括大量的扩展插件,因此在掌握jquery基础语法后可以多了解一些常用插件

