黑马程序员技术交流社区

标题: jquery [打印本页]

作者: qiuyi    时间: 2019-9-8 22:41
标题: jquery
.hide()
.show()
jQuery(function() {
// $('div').hide();
jQuery('div').hide();
});
$("div").css("background", "pink");
$(this).addClass("current");
$(this).removeClass("current");
$(this).toggleClass("current");
var index = $(this).index();
$(this).children("ul").stop().slideToggle();
一、优点
        1. 隐式迭代:隐式的遍历元素,并调用方法
        2. 链式编程: 连续点的方式调用方法,前提:返回值是对象
二、dom对象和jq对象
        1. jq是对dom的包装.包装成了一个新的伪数组
        2. jq转dom对象: jq对象[索引号]…jq对象.get(索引号);
三、元素操作
        1. 获取元素:
                1. 选择器: :first--- :last--- :odd--- :even--- :eq
                2. 筛选方法: .parent()---.children()---.siblings()---.eq()
                3. 获取索引号: .index()
        2. 样式操作
                1. 样式较少时: .css()
                2. .addClass()---.removeClass()---.toggleClass()
        3. 属性操作
                1. 固有属性: prop('属性名')---.prop('属性名','属性值')
                2. 自定义属性: .attr('属性名')---.attr('属性名','属性值')
        4. 内容操作
                1. .html()
                2. .text()
        5. value的操作
                1. Val()
                2. Val(值)
四、动画效果
        1. 基本: .show()---.hide()---.toggle()
        2. 滑动动画: .slideUp()---.slideDown()---.slideToggle()
        3. 淡入淡出动画: .fadeIn()---.fadeOut()---.fadeToggle()---fadeTo(毫秒,透明度)
        4. 自定义动画: .animate(对象,毫秒数)
        5. 停止动画队列: .stop()
五、事件
.click()---.mouseenter()---.mouseleave()---.change()---鼠标移入移出的复合写法.hover(function(){},function(){});






欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2