首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

jQuery学习笔记

可以选择当前输入焦点的元素,例如把光标放到一个上,用$('input:focus')就可以选出; :checked:选择当前勾上的单选框和复选框,用这个选择器可以立刻获得用户选择的项目,$...jQuery对象的text()和html()方法分别获取节点的文本和原始HTML文本 无参数调用text()是获取文本,传入参数就变成设置文本,HTML也是类似操作 操作表单 jQuery对象统一提供...val()方法获取和设置对应的value属性、 和js的 .value()作用一样 var input = $('#test-input') input.val('鸡你太美') console.log...(input.val()) 不带参数是获取,带上参数是赋值 修改CSS jQuery对象有“批量操作”的特点 用于修改css比较方便 如果是js还需要遍历的 添加class属性 在做过了几个案例很多都需要添加...nextAll() 是实现本案例的核心

1.3K40

nodejs cheerio模块提取html页面内容

最终代码 本文给出使用一个用cheerio模块提取html文件中指定内容的例子,并说明具体步骤、涉及到的API、以及其它模块。..."); var $ = cheerio.load(myHtml); var t = $('html').find('hr'); var t2 = t.nextAll(); t2.each(function...然后使用find函数,通过selector查找hr元素。再调用 nextAll函数得到hr元素的所有兄弟结点。 最后在each函数, 通过text函数将所有包含问题的元素的见容打印出来。..."); var $ = cheerio.load(iconv.decode(myHtml, 'gbk')); var t = $('html').find('hr'); var t2 = t.nextAll...最终的代码还解决了一些小问题,问题文本包含了多余的文本(对于task4),task4的答案也会被显示在问题文本,没有留下空白填写答案等。 整个分析、编码过程大致3个小时。

3.2K60

贯穿jQuery的内部栈(一) -- 使用

jQuery在内部使用了栈,用来存放从页面中选取到的元素。当多次用到某个元素时,不需要多次从页面获取(jQuery获取元素是很费劲的,尤其是根据ID查找)。...大多数jQueryDom遍历方法来操作jQuery对象实例,并创建一个新的对象,匹配一个不同的DOM元素集合。当发生这种情况时,实际上是新的元素集合被压入到对象内部维护的栈。...每次过滤方法都会被压入栈,当我们需要返回到前一个状态时,可以使用end()进行出栈操作,来返回前一个状态。...调用.nextAll() 后将第4和第5项推入堆栈。...最后,调用.addBack() 合并这两个组元素在一起,创建一个jQuery对象,指向所有三个项元素(按照文档的顺序):{[,, ]}。

62020

JQuery第四节

each方法 遍历jQuery对象集合,为每个匹配的元素执行一个函数 语法: // 参数一表示当前元素在所有匹配元素的索引号 // 参数二表示当前元素, 在functionthis也表示当前元素。...$(selector).each(function(index,element){}); 【案例:不同的透明度.html】 链式编程 链式编程的原理:设置性操作会返回一个jQuery对象,因此可以继续调用...【案例:五角星评分案例.html】 prevAll();//获取前面所有的兄弟元素 nextAll();//获取后面所有的兄弟元素 siblings();//获取所有的兄弟元素 prev();//获取前一个兄弟...多库共存 jQuery使用$作为标示符,但是如果与其他框架的$冲突时,jQuery可以释放$符的控制权. var c = $.noConflict();//释放$的控制权,并且把$的能力给了c jQuery...使用插件 常用插件的使用 jquery.color.js的使用 https://github.com/jquery/jquery-color jquery.lazyload.js的使用 https://

38720

jQuery选择器 和用jQuery 实现 Tab 切换效果(1)

二、选择器的用法 1、.eq(index),.get([index]) 对于一个特定结果集,我们想获取到指定index的jQuery对象 $('div').eq(3); //获取结果集中的第四个jQuery...3、.nextAll([selector]), .prevAll([selector]) nextAll获得每个匹配元素集合每个元素所有后面的同辈元素,选择性筛选的选择器,prevAll与之相反,获取元素前面的同辈元素...$('.child').eq(5).prevAll().removeClass('ddd') $('.child').eq(1).nextAll().addClass('ddd') 4、.siblings...11、.is(selector), is(function(index)), is(dom/jqObj) 判断当前匹配的元素集合的元素,是否为一个选择器,DOM元素,或者jQuery对象,如果这些元素至少一个匹配给定的参数...二、实现tab切换 使用 jQuery 实现 Tab 切换效果 使用 原生 js 实现 Tab 切换效果 document.querySelectorAll('.mod-tab .tab').forEach

3.7K20

从零开始学 Web 之 jQuery(二)获取和操作元素的属性

PS:jQuery使用 jQuery对象.val("内容") 来设置表单标签的 value 属性。...PS:jQuery使用 jQuery对象.css("属性":"值"); 的方式设置标签的样式。 4、并集选择器 语法:$("div,p,span"),中间使用逗号隔开。...小总结:jQuery的一些方法 val(); // 获取或设置表单标签的 value 值。 css(); // 设置元素的 css 样式属性值。...text(); // 获取或设置标签的文本内容----相当于DOM的innerText html(); // 获取或设置标签的html内容----相当于DOM的innerHTML 6、后代(层次)选择器...> 1、jQuery鼠标进入事件是:mouseenter;鼠标离开事件是:mouseleave 2、css 的 display:none|block 对应的隐藏和显示在 jQuery 可以使用方法

1.7K40

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

    运营活动

    活动名称
    广告关闭
    领券