我的账户
猩码学苑

专注C++开发菁英教育

亲爱的游客,欢迎!

已有账号,请

如尚未注册?

梁洁--20221117--jQuery第一天

[复制链接]
梁杰,你好 发表于 2022-11-17 23:52:05 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
jQuery
概念:他是一个快速的小巧的功能丰富的js库。
jQuery暴露一个对象给window---$  
学习里面的属性和方法

1.1特点:
1、独特的选择器
2、链式的dom操作
3、事件绑定的机制
4、出色的浏览器兼容性
5、封装完善的ajax请求

开发使用js   上传使用min.js

jQuery的选择器
选择器,一种匹配模式  匹配规则  用来匹配元素
作用:查找元素
语法:
$(选择器)===   jQery(选择器)
$===jQuery
id选择器==$(“#id”)
class选择器==$("#类名")
标签选择器==$(“标签名”)

$
jq
jquery转原生   jquery对象[0] jquery.get(0);
原生转jquery   $(box)

各自对象只能使用各自对象的方法

this===原生对象
$(this)jq对象

操作class
添加类名  jQuery对象.addClass("类名  类名");
删除类名   jQuery对象.removeClass();不传参数  删除所有类  
removeClass(“类名”);
3判断 jq对象.hasClass("类名");  是否含有该类名  返回值是boolean
切换  jq对象.toggleClass("类名")  有就删除 没有就添加
操作样式
1、获取样式
jq对象.css("样式名")
2、设置
jq对象,css("属性名",“属性值”)
jq对象.css({
        "key":"值1",
        "key2":"值2",
        。。。。。
});

操作属性
自定义属性
jq对象.attr("属性名")
拿到值
jq对象。attr(“属性名”,属性值);单个属性的设置
jq对象.attr({
})多个属性设置
标准属性)
jq对象.prop("属性名");
jq对象.prop("属性名",属性值);
jq对象.prop({
});(name属性不能修改

操作文本:
操作纯文本
text();--textContent  innerText
可以解析标签的
html();  innerHTML
表单标签
val();--value


入口函数
1、$(function(){
})
2、$(document).ready(function(){
})
选择器拓展
:input所有的表单标签    select  input  button   textarea
样式拓展

jQuery隐式遍历

遍历
jQuery.each();

回复

使用道具 举报

关注0

粉丝0

帖子77

发布主题
大家都在学
课堂讨论
一周热帖排行最近7x24小时热帖
关注我们
专注C++菁英教育

客服电话:18009298968

客服时间:9:00-21:00

猩码学苑 - 专注C++开发菁英教育!( 陕ICP备2025058934号-1 )

版权所有 © 陕西菁英数字科技有限公司 2023-2026