JQueryWeb
JQueryWeb下载: GitHub.
JQueryWeb是一款可以实现Web开发中JQuery和JavaScript无缝转换的操作,这是一款适用于Objective-C的开发框架。我们致力于使得网页修改过程变得更加快捷和稳定。
JQueryWeb是一个轻量级的Web框架,它更好的还原了JQuery语法形式,采用链式编程思想,使得开发更有效率,从而使得代码更简介易读。JQuery更好的支持IOS和Mac OSX。
使用JavaScript修改网页有什么问题?
Objective-C官方给出的修改网页内容,通过WebView中提供的stringByEvaluatingJavaScriptFromString修改网页。但是,使用JS代码会使得代码是冗长的,并且在没有代码提示情况下,使得开发变得描述性差,并且出现很难发现的语法错误。想象一个,简单修改网页文本内容
NSString *str = document.getElementsByClassName('ac-gf-footer-legal-copyright')[0].innerText = 'CreaterOS'
[webView stringByEvaluatingJavaScriptFromString:str];
即使有这样一个简单的示例,所需的代码也很冗长。并且需要手动全部打出来,中间没有提供智能提示,假设,当您需要处理大量的网页修改时候,JavaScript很快就变得不可读,并且出现不可预知的错误的可能性也就更大。
JQueryWeb与您共进退
这是使用JQueryWebMaker创建的相同功能
[webView stringByEvaluatingJavaScriptFromString:JQueryWebMaker.JQueryClass(@".ac-gf-footer-legal-copyright").text(@"JQueryWeb")];
JQueryWeb为您提供了更贴近JQuery原生语法的格式,采用链式操作,让您在开发中效率更好,对于需要下标时候,您也可以这样使用
[webView stringByEvaluatingJavaScriptFromString:JQueryWebMaker.JQueryClass(@".ac-gf-footer-legal-copyright").textWithIndex(0,@"JQueryWeb")];
如何使用
使用JQueryWeb只需要导入JQueryWebMaker用来管理需要的JQuery代码
#import "JQueryWebMaker.h"
三种创建方式任由你选择
document.getElementsByTagName 等效于 JQuery
document.getElementById 等效于 JQueryID
document.getElementsByClassName 等效于 JQueryClass
这三种创建方式传入的参数和JQuery原生语法相同。
常用修改网页参数对比表
文本操作
JQuery | JQueryWeb |
---|---|
text | text |
html | html |
val | val |
on操作
JQuery | JQueryWeb |
---|---|
on | on |
on | onMoreOptions |
on | onMoreEventWithIndex |
onBlur | onBlur |
onFocus | onFocus |
onFocusin | onFocusin |
onLoad | onLoad |
onResize | onResize |
onScroll | onScroll |
onUnload | onUnload |
onClick | onClick |
onDblclick | onDblclick |
onMousedown | onMousedown |
onMouseup | onMouseup |
onMousemove | onMousemove |
onMouseover | onMouseover |
onMouseout | onMouseout |
onMouseenter | onMouseenter |
onMouseleave | onMouseleave |
onChange | onChange |
onSelect | onSelect |
onSubmit | onSubmit |
onKeydown | onKeydown |
onKeypress | onKeypress |
onKeyup | onKeyup |
onError | onError |
onContextmenu | onContextmenu |
css操作
JQuery | JQueryWeb |
---|---|
css | css |
show操作
JQuery | JQueryWeb |
---|---|
show | show |
hidden操作
JQuery | JQueryWeb |
---|---|
hidden | hidden |
长宽操作
JQuery | JQueryWeb |
---|---|
height | height |
width | width |
类型操作
JQuery | JQueryWeb |
---|---|
addClass | addClass |
removeClass | removeClass |
attr | attr |
默认使用
如果您使用和JQuery一样的,例如css会自动默认选择第一个出现class或者tag名称的标签,当然,您也可以自定义下标,利用xxxWithIndex来指明标签的出现的位置,第一个参数填入位置。
高级宏使用
如果您不想使用JQueryWeb封装的方法来使用,也可以通过提供的宏定义进行快速使用。
只需要调用就可以快速使用
import "JQueryWebMacroJavaScript.h"
安装
直接通过GitHub下载到本地,将JQueryWeb拖到项目中,即可使用。
为这个项目做贡献
如果您有功能请求或错误报告,请随时发送863713745@qq.com上传问题,我们会第一时间为您提供修订和帮助。也非常感谢您的支持。
安全披露
如果您认为已通过JQueryWeb找到了安全漏洞和需要修改的漏洞,则应尽快通过电子邮件将其报告至863713745@qq.com。感谢您的支持。